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

Question

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

注意: map 上只有一个标记。

谁能帮我完成这件事？

Answer 1

您必须向 map 添加一个 zoom_changed 事件，并检查您的 map 的缩放级别并采取相应措施。另请参阅 API 引用:Map Events和 Overlays .

部分代码(您可能想在这里和那里更新/添加一些东西):

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);
    }
});