Question

Is there a way to create a context menu for a gmap marker in primefaces?

I know there is a gmapInfoWindow object, but that requires an onclick event and doesn’t have the look and feel of a context menu.

I would prefer to display a context menu that appears during the onmouseover event for a gmap marker.

Please let me know if this is possible or not? Any sample code would be greatly appreciated also.

Thanks

Joe

Answer 1

Looking at the source code of gmap.js

I just removed the click handlers and added a listener for mouseover:

Here is the javascript code:

jQuery(window).load(function() {
    var _self = gmap;
    for(var i=0; i < gmap.cfg.markers.length; i++) {
        var marker = gmap.cfg.markers[i];
        // remove all marker listener
        google.maps.event.clearInstanceListeners(marker);
        // add mouse over listener
        google.maps.event.addListener(marker, 'mouseover', function(event) {
            _self.fireOverlaySelectEvent(event, this);
        });

       // Since we cleared all listeners adding back drag listener
       //marker drag
        google.maps.event.addListener(marker, 'dragend', function(event) {
            _self.fireMarkerDragEvent(event, this);
        });
    }
});

Where gmap is the widgetVar attribute of <p:gmap>

<p:gmap widgetVar="gmap" />