Google Map V3上下文菜单

Question

我正在寻找Google Map V3上下文菜单库.我在这里找到了一些代码示例

1. Gizzmo的博客
2. Google API提示
3. GMap3
4. 我怎么了..

堆栈溢出问题谷歌地图v3 - 上下文菜单可用吗？四月也刚刚提出了上面的例子.因此,没有Gmap3添加一个简单的上下文菜单.

但也许有人将这些例子封装在一个可重用的库中,或者在此期间发现了一些东西.V2 显然有些东西.

- 更新时间2012-05-31 -

我找到了另一个http://googlemapsmania.blogspot.de/2012/04/create-google-maps-context-menu.html,但还没有时间对其进行测试.

Answer 1

我不认为你需要一个库.我首先尝试:

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
            console.log( event );
        }
    );

这假定您的地图创建时使用:

var map = new google.maps.map( { [map options] } );

该event回调内部对象具有4个属性

1. latLng
2. ma
3. pixel

其中pixel.x和pixel.y是您的点击事件触发的偏移量 - 从持有地图对象的画布的左上角开始计算.