2012-05-04 14 views
0

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

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

これを行うのに手助けができますか?

答えて

4

マップにzoom_changedイベントを追加して、地図のズームレベルを確認し、それに応じて行動する必要があります。 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); 
    } 
}); 
+0

おかげで、私が確認し、結果をお知らせします。 – Ramkumar

+0

コードは100%働いているわけではないかもしれませんが、それはあなたがしなければならない主な考えです。 (私はちょうどAPIリファレンス(そして私自身のGoogle Maps APIの経験)に基づいてコードを書いた、私はそれを実行しませんでした。) – Styxxy

+0

setVisibleマーカーメソッドを使うことができるときにマップを設定する理由は? –

関連する問題