Google maps 谷歌地图v3-上下文菜单可用吗?

Google maps 谷歌地图v3-上下文菜单可用吗?,google-maps,Google Maps,Google Maps v3有上下文菜单吗?还没有。谷歌正在开发一个。你可以添加上下文菜单,正如这里所描述的:这是一个完整的JQuery解决方案:老问题,但它是在我的谷歌搜索中出现的,所以我想我会发布最简单的答案。它是一个上下文菜单,没有使用更多的第三方js库。事件中还有一个latlon对象,您可以获取用户单击的位置的lat/lon,以添加maker或其他内容 var contextMenu = google.maps.event.addListener( map,

Google Maps v3有上下文菜单吗?

还没有。谷歌正在开发一个。

你可以添加上下文菜单,正如这里所描述的:

这是一个完整的JQuery解决方案:

老问题,但它是在我的谷歌搜索中出现的,所以我想我会发布最简单的答案。它是一个上下文菜单,没有使用更多的第三方js库。事件中还有一个latlon对象,您可以获取用户单击的位置的lat/lon,以添加maker或其他内容

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
            });
var contextMenu=google.maps.event.addListener(
地图,
“右击”,
功能(事件){
//使用JSDOM方法创建菜单
//使用event.pixel.x和event.pixel.y
//将菜单定位在鼠标位置
$('.contextmenu').remove();//删除以前的上下文菜单
contextmenuDir=document.createElement(“div”);
contextmenuDir.className='contextmenu';
//现在添加我们的选项。
contextmenuDir.innerHTML='菜单项1'
+“菜单项2”;
$(map.getDiv()).append(contextmenuDir);
contextmenuDir.style.visibility=“可见”;
//如果像我一样移动了map div,则可能需要偏移(然后-像素大小关闭)
$('.contextmenu').css('left',event.pixel.x);
$('.contextmenu').css('top',event.pixel.y);
console.log(event);//记录我们获得的对象的一些详细信息
});

除了下面的好例子之外,我还在寻找一个可以使用的库,它提供了封装和方便的功能。如果您发现类似的内容,请告诉我。>“不使用更多的第三方js库”看起来您在该代码中使用了Jquery。啊,是的,让我在这里重复一下。它不需要额外的第三方映射库。