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

时间:2012-05-04 09:36:51

标签: javascript map

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

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

任何人都可以帮我完成这项工作吗?

1 个答案:

答案 0 :(得分:4)

您必须向地图添加zoom_changed事件,并检查地图的缩放级别并采取相应措施。另请参阅API参考:Map EventsOverlays

部分代码(您可能希望在此处更新/添加内容):

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