google-maps - primefaces で gmap マーカーのコンテキスト メニューを作成する方法はありますか?

Question

primefaces で gmap マーカーのコンテキスト メニューを作成する方法はありますか?

gmapInfoWindow オブジェクトがあることは知っていますが、これには onclick イベントが必要で、コンテキスト メニューのルック アンド フィールがありません。

gmap マーカーの onmouseover イベント中に表示されるコンテキスト メニューを表示したいと思います。

これが可能かどうか教えてください。サンプルコードも大歓迎です。

ありがとう

ジョー

Answer 1

gmap.jsのソースコードを見てください

クリックハンドラーを削除し、マウスオーバー用のリスナーを追加しました。

javascriptコードは次のとおりです。

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);
        });
    }
});

ここで、gmapはのwidgetVar属性です。<p:gmap>

<p:gmap widgetVar="gmap" />