web-dev-qa-db-ja.com

Googleマップでのマーカーの可視性

トレジャーハンターアプリを作成しています。マーカーを非表示にして、特定のズームレベルでのみ表示できるようにする必要があります。

どうすればこれを達成できますか？

カスタムマーカーとグーグルマップv3を使用しています。

ありがとう。

ああ、奇妙なのは、次のコードのように、特定のズームレベルで可視性をオフにできることです。

var marker = new google.maps.Marker({
    draggable: false,
    raiseOnDrag: false,
    clickable: true,
    icon: image,
    shadow: shadow,
    shape: shape,
    map: map,
    url: 'http://www.google.com/',
    visible: true,
    position: markerLatlng
});

var zoomLevel;
//marker.visible = false;

google.maps.event.addListener(marker, 'click', function() {
    window.location.href = marker.url;
});

var infowindow = new google.maps.InfoWindow(
{
    content: 'Oh You Found Me!!!',
    size: new google.maps.Size(25,25),
    position: myLatlng
});


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

    if (zoomLevel == 16) {

        marker.visible = false;

        infowindow.open(map,marker);

    }
});

しかし、marker.visibilityを逆にすると、次のようになります。

var marker = new google.maps.Marker({

    draggable: false,

    raiseOnDrag: false,

    clickable: true,

    icon: image,

    shadow: shadow,

    shape: shape,

    map: map,

    url: 'http://www.google.com/',



    visible: false,

    position: markerLatlng

});

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

    if (zoomLevel == 16) {

        marker.visible = true;

        infowindow.open(map,marker);

    }      
});

マーカーは地図にまったく表示されません。

javascriptgoogle-mapsgoogle-maps-markers
13
Patrick McCreanor

SetVisibleの適切な方法はmarker.setVisible(false);です。

29
KJYe.Name 葉家仁

事後の方法としてではなく、マーカーの初期化の可視性を設定する場合は、次の構文を使用します（ docs を参照）。

marker = new google.maps.Marker({
    map: map,
    visible: false, // <------
});
7
Jonathan