jquery - 使用 jQuery 在 Google map 上进行空闲事件

Question

我在网站中设置了谷歌地图，并且我想在 map 边界发生变化(通过拖动或缩放)时重新加载标记。

我首先使用 jQuery 添加 map 并清除标记:

$('#map_canvas').gmap();
$('#map_canvas').gmap('clear', 'markers');

然后添加标记:

$('#map_canvas').gmap('addMarker', {'position': position, 'bounds': true });

我的问题:如何“捕捉”移动 map 的事件？我已经读到有空闲事件，并且 I saw an example :

google.maps.event.addListener(map, 'idle', function() {
});

但是我放置的任何代替“map”变量的东西都不起作用......我也尝试过:

map = new google.maps.Map(document.getElementById("map_canvas"));

有人有想法吗？

非常感谢，

丹尼

Answer 1

对于其他遇到此问题的人:

您可以像这样获取 map 对象/变量:

$('#map_canvas').gmap();
var map = $('#map_canvas').gmap('get', 'map');

获得 map 对象后，您可以将事件监听器附加到它:

$(map).addEventListener('idle', function() {
    console.log('Map is now idle');
    console.log(map.getCenter());
});

HTH