Google Maps v3で使用できるコンテキストメニューはありますか?Googleマップv3 - コンテキストメニューは利用できますか?
5
A
答えて
8
それはHow to add context menu to google maps, using api V3ここdecribedされるコンテキストメニューを追加することができます。
+0
直接リンクはhttp://googleapitips.blogspot.com/2010/06/how-to-add-context-menu-to-google-maps.html –
-2
まだありません。 Googleが今作業しています。
2
ここでは、フルjQueryのソリューションです:http://gmap3.net/examples/context-menu.html
1
古い質問が、私は、私は最も簡単な答えを投稿だろうと思ったので、それは私のグーグルで思い付い。他のサードパーティのjsライブラリを使用しないコンテキストメニューです。あなたがクリックした場所の緯度/経度を取得したり、メーカーなどを追加したりすることができるイベントには、latlonオブジェクトもあります。
var contextMenu = google.maps.event.addListener(
map,
"rightclick",
function (event) {
// use JS Dom methods to create the menu
// use event.pixel.x and event.pixel.y
// to position menu at mouse position
$('.contextmenu').remove(); //remove previous context menus
contextmenuDir = document.createElement("div");
contextmenuDir.className = 'contextmenu';
//now add our options.
contextmenuDir.innerHTML = '<a id="menu1"><div class="context">menu item 1<\/div><\/a>'
+ '<a id="menu2"><div class="context">menu item 2<\/div><\/a>';
$(map.getDiv()).append(contextmenuDir);
contextmenuDir.style.visibility = "visible";
// might need to offset if you have moved the map div like i did (then - the pixel size off)
$('.contextmenu').css('left', event.pixel.x);
$('.contextmenu').css('top', event.pixel.y);
console.log(event); //log some details about the object we get
});
関連する問題
- 1. Googleマップv2またはv3?
- 2. GoogleマップV3キーボードアクセシビリティ
- 3. GoogleマップAPI v3では、:
- 4. GoogleマップAPI v3では:
- 5. Googleマップv3ポリラインツールチップ
- 6. Googleマップv3エラー
- 7. GoogleマップV3 - マイル
- 8. GWT GoogleマップV3オーバーレイウィジェット
- 9. GoogleマップV3 Infowindow.openエラー
- 10. GoogleマップV3 - グーグルが
- 11. Googleマップjs api v3
- 12. GoogleマップV3はjqueryの
- 13. はサークルポリゴン(GoogleマップのAPI V3)
- 14. Googleマップv3のsetintervalまたはsettimeout
- 15. Google Maps V3 API利用規約
- 16. KML。 GoogleマップV3。パフォーマンス。ラベル
- 17. GoogleマップAPI v3に - ストリートビュー
- 18. Markerclusterを追加GoogleマップV3
- 19. GoogleマップApi v3ドラッグイベントon map
- 20. デフォルトではGoogleマップv3テレイン表示
- 21. GoogleマップMarkerCluster for api v3
- 22. カスタマイズGoogleマップAPI V3マーカーラベル
- 23. Googleマップapi v3 +マーカークラスタラー:センタリングマップ?
- 24. Googleマップv2またはv3をAndroidアプリケーションで使用していますか?
- 25. GoogleマップのAPI V3 - カスタムタイル
- 26. ポイント(GoogleマップAPI v3の)
- 27. Googleマップの階層型マップJavaScript API v3
- 28. ループを使用してGoogleマップv3マーカー
- 29. GoogleマップPhoneGapアプリケーションのV3使用制限
- 30. コードラアプリでGoogleマップを再利用する
以下の良い例以外にも、私は使用できるライブラリを探していて、カプセル化と便利な機能を提供しています。このようなことを見つけたら教えてください。 –