javascript - GMaps.js setContextMenu

Question

根据下面的示例，我已设法使用 GMaps.js 将上下文菜单添加到地图中

map.setContextMenu({
  control: 'map',
    options: [{
        title: 'Add marker',
        name: 'add_marker',
        action: function(e) {
            this.addMarker({
              lat: e.latLng.lat(),
              lng: e.latLng.lng(),
              title: 'New marker'
            });
        }
    }, {
        title: 'Center here',
        name: 'center_here',
        action: function(e) {
        this.setCenter(e.latLng.lat(), e.latLng.lng());
    }
  }]
});

但是我似乎无法向标记添加上下文菜单。

有人可以发布如何做到这一点

谢谢

Answer 1

这段代码非常适合我，如果你看不到 contextMenu 也许你应该尝试右键单击它会显示菜单！

map.setContextMenu({
        control: 'map',
        options: [{
            title: 'Add marker',
            name: 'add_marker',
            action: function(e){
                this.addMarker({
                    lat: e.latLng.lat(),
                    lng: e.latLng.lng(),
                    animation: google.maps.Animation.DROP,
                    draggable:true,
                    title: 'New Marker'
                });
                this.hideContextMenu();
            }
        }, {
            title: 'Center here',
            name: 'center_here',
            action: function(e){
                this.setCenter(e.latLng.lat(), e.latLng.lng());
            }
        }]
    });
    map.setContextMenu({
        control: 'marker',
        options: [{
            title: 'Center here',
            name: 'center_here',
            action: function(e){
                this.setCenter(e.latLng.lat(), e.latLng.lng());
            }
        }]
    });

Answer 2

您是指这里演示的 infoWindow 吗？http://hpneo.github.com/gmaps/examples/markers.html

如果您查看该页面的源代码，您会发现您只需要添加

infoWindow: {
    content: '<p>HTML Content</p>'
}

到您的 addMarker 位，即。标题下方。这真的很容易！:)