javascript - ズーム レベル 3 で Google マップのマーカーを非表示にする

Question

ズーム レベル 3 の Google マップでマーカーを非表示にする方法と、ズームイン中 (最大 16 レベル) でマーカーを再度表示する必要があります。Google Maps JavaScript API v3 を使用しています。

注: マップにはマーカーが 1 つしかありません。

これを成し遂げるのを手伝ってくれる人はいますか？

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