Google Maps APIを使用したズーム変更イベントリスナー


10

地図が特定のレベルにズームインされたら、Google Fusionレイヤーをオフにするイベントリスナーを作成しようとしています。私はjavascriptとそのgoogle maps apiにかなり慣れていないので、どんな助けにも感謝しています。私は必要なものに近いと思われるコードを見つけました:

google.maps.event.addDomListener(map, 'zoom_changed', function() {
  var zoom = map.getZoom();
  if (zoom >= 1 && zoom <= 9) { 
    layer_0.setMap(map);
    layer_1.setMap(map);
  } 
  else if (zoom > 9 && zoom <= 11) {
    layer_0.setMap(map);
    layer_1.setMap(map);
  }
  else if (zoom > 11) {
    layer_0.setMap(null);
    layer_1.setMap(map);
  }
});

次のWebサイトを参照してください:developer.google.com/maps/documentation/javascript/examples/…Joseph Shi
Joseph Shi

コンテンツが後で削除される場合に備えて、短い抜粋を書いてもらえますか?
lynxlynxlynx

回答:


12

これは、マップの1つでFusion Tablesレイヤーを切り替えるために正常に使用しているコードです。

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();
    if (zoomLevel >= minFTZoomLevel) {
        FTlayer.setMap(map);
    } else {
        FTlayer.setMap(null);
    }
});

addListenerとaddDomListenerを除いて、コードとほとんど同じです。関数内にブレークポイントを追加して、実際に実行されていることを確認できますか?


ご協力いただきありがとうございます。私は間違いなく初心者なので、GoogleマップとJavaScriptについては、まだ取り組んでいます。
b-rad-b
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.