javascript - 在缩放级别 3 隐藏谷歌地图中的标记

Question

如何在缩放级别 3 中隐藏谷歌地图中的标记，并且在放大时（最高 16 级）我必须再次显示标记。我正在使用 Google Maps JavaScript API v3。

注意：地图中只有一个标记。

任何人都可以帮我完成这件事吗？

Answer 1

您必须向zoom_changed地图添加一个事件，并检查您的地图是哪个缩放级别并采取相应措施。另请参阅 API 参考：地图事件和叠加层。

部分代码（您可能想在这里和那里更新/添加一些东西）：

var marker = new google.maps.Marker({
    position: location,
    map: map
});

google.maps.event.addListener(map, 'zoom_changed', function() {
    var zoom = map.getZoom();

    // Update May 2017
    //   You can now use setVisible() on a marker instead of
    //   setting the map to a null value.
    if (zoom <= 3) {
        marker.setMap(null);
    } else {
        marker.setMap(map);
    }
});