javascript - jquery-ui-map 在点击事件上添加标记

Question

目前我正在使用jquery-ui-map插件。我遇到了一个问题。是否可以通过此插件添加一个事件侦听器，该事件侦听器将在用户单击它的地图上添加一个标记。在发现这个插件的 Api之后，我尝试了这个代码：

$('#map_canvas')
    .gmap()
    .addEventListener('click',function(event, test){
        //console.log(event);
    });

#map_canvas包含我的地图的 div 元素在哪里。此代码确实添加了一个事件侦听器，但变量 event 没有.latLng属性。我怎么能做到这一点？

Answer 1

Google-Fu 帮助了我。这就是例子。

$('#map_canvas').gmap().bind('init', function(event, map) { 
    $(map).click( function(event) {
        $('#map_canvas').gmap('addMarker', {
            'position': event.latLng, 
            'draggable': true, 
            'bounds': false
        }, function(map, marker) {
            //do whatever you need with the maker utilizing this variable
            marker.__gm_id
        });
    });
});

Answer 2

尝试类似的东西

$('#map_canvas').gmap().bind('init', function(ev, map) {
    $('#map_canvas').gmap('addMarker', {'position': '57.7973333,12.0502107', 'bounds': true}).click(function() {
        $('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this);
    });
})

如需更多参考，请查看此链接