javascript - Google map 的偶数放大和奇数缩小

Question

是否可以以 2 为增量进行放大，以 3 为增量进行缩小？本质上，我试图跳过某个缩放级别。示例:http://jsfiddle.net/j1sr3zho/

我试图检测何时发生放大和缩小事件，以便获得我想要的结果，但我收到 Uncaught RangeError:超出最大调用堆栈大小 错误。

google.maps.event.addListener(map, 'zoom_changed', function () {
    if (map.getZoom() > zoom) {
        map.setZoom(map.getZoom() + 2);
        console.log("zoomed in");
    } else if (map.getZoom() < zoom) {
        map.setZoom(map.getZoom() - 3);
        console.log("zoomed out");
});

如果可能的话，我也需要它在移动版 Google map 上运行。

Answer 1

这里的问题是即使您在 map 上执行 setZoom 操作，zoom_changed 监听器也会被触发。您应该尝试检测 Zoom_changed 是否由鼠标事件触发或设置一个标志以防止递归。

看看this updated jsfiddle ，其中通过设置标志来防止递归:

{
    if (flag){
        flag=false;
        //zoom logic
        map.setZoom(newZoomLevel);
    }
    flag=true;
}