Jquery google地图插件，添加事件listners [英] Jquery google map plugin, adding event listners

问题描述

有人可以解释下列程式码片段（ jQuery.fn [name] ）在 google jquery.ui.map 插件：

Can some one explain the meaning of the following code snippet (jQuery.fn[name]) found in the google jquery.ui.map plugin:

jQuery.each(('click mousedown rightclick dblclick mouseover mouseout drag dragend').split(' '), function(i, name) {
    jQuery.fn[name] = function(a, b) {
        return this.addEventListener(name, a, b);
    };
});

还有我们如何将回调函数绑定到地图对象上的click事件以下但事件没有 latLng 属性：

And also how we could bind a callback function to the click event on a map object, I have tried the following but the event does not have the latLng attribute:

$('#map_canvas').gmap().click(function(event) {
        alert(event.latLng);
    });

。提前感谢。

推荐答案

该代码片段覆盖了一些jQuery方法，因此可以在 Google地图对象。例如。

That snippet of code overwrites some of the jQuery methods so that it can be used on some Google Maps objects. E.g.

    var map = $('#map_canvas').gmap('get', 'map')
    $(map).click(function() {
        var self = this; // this is the map object
    });

    $('#map_canvas').gmap('addMarker', { ... }).click(function() {
        var self = this; // this refers to the marker object
    }).hover(function() {
         var self = this; // this refers to the marker object
    });

如果您需要绑定其他事件，如zoom_changed，然后

If you need to bind other events such as zoom_changed then just

var map = $('#map_canvas').gmap('get', 'map');
$(map).addEventListener('zoom_changed', function() {

});

这篇关于Jquery google地图插件，添加事件listners的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！