谷歌地图缩放控制事件

时间:2014-03-06 18:44:01

标签: javascript google-maps

在这个网站上:

http://www.crunchpanorama.com/

您使用谷歌地图缩放控制滑块来缩放和重新聚类标记。我也希望捕获此事件并相应地执行操作。

问题是在阅读谷歌文档时,我能找到的只是map的zoom_changed事件。但是,此事件不仅在使用滑块更改缩放时调用,而且在单击标记(缩放到标记)时也会调用。所以zoom_changed对我不起作用:

google.maps.event.addListener(map, 'zoom_changed', function () {
...

我希望能够专门针对控制滑块上的缩放变化。我怎么能这样做呢?

2 个答案:

答案 0 :(得分:0)

也许有类似的解决方法:

var self = this;
google.maps.event.addListener(marker, 'click', function() {
    // Set a boolean variable to true to indicate a marker/cluster has been clicked
    self._markerClicked = true;
});

google.maps.event.addListener(map, 'zoom_changed', function() {
    // Check the boolean variable and run your code if it's false
    if ( !self._markerClicked ) {
        // Take action here
    } else {
        // Reset variable back to false
        self._markerClicked = false;
    }
});

答案 1 :(得分:0)

最近遇到了这个。如果要在单击地图默认缩放按钮时捕获,这是我找到的最佳解决方案。假设div地图容器中只有缩放按钮。

$("#id-container-name").on("click", "button", whateverfunction());