0

複数の POLYGON エリアを持つ Google マップがあります。ポリゴンをシングルクリックしてズームインし、「dblclick」リスナーでズームアウトしてリスナーを削除する方法を理解しました...

クリックしてズームインし、ダブルクリックしてズームアウトすると、機能を再度繰り返すことができなくなります。複数回ズームインおよびズームアウトする方法はありますか?

ここに私が持っているコードがあります:

     //POLYGON ZONE 1 ================================ 
  var zone1;

  var triangleCoords = [
    new google.maps.LatLng(29.738692, -95.399331),
    new google.maps.LatLng(29.738688, -95.394781),
    new google.maps.LatLng(29.737048, -95.394781),
    new google.maps.LatLng(29.737048, -95.399331)
  ];

  // Construct the polygon
  // Note that we don't specify an array or arrays, but instead just
  // a simple array of LatLngs in the paths property
  zone1 = new google.maps.Polygon({
    paths: triangleCoords,
    strokeColor: "#00AEEF",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#00AEEF",
    fillOpacity: 0.05,
  });

  zone1.setMap(map);
  zone1._myBounds = new google.maps.LatLngBounds();
  for (var i=0; i<triangleCoords.length; i++)
  {
     zone1._myBounds.extend(triangleCoords[i]);
  }

  var listener = google.maps.event.addListener(zone1, 'click', function () {
      map.fitBounds(zone1._myBounds);
      google.maps.event.removeListener(listener); 
  });

    var listener2 = google.maps.event.addListener(zone1, 'dblclick', function() {
    if (map.getZoom() > 16) map.setZoom(13); 
    //map.setZoom(map.getZoom() -1);
    //map.setCenter(map.getCenter());
    google.maps.event.removeListener(listener2); 
    google.maps.event.addListener(zone1, 'click', function (){
        map.fitBounds(zone1._myBounds);});
  });

他の POLYGON エリアについても、それらが機能するように変数名を変更する必要がありますか?

また、センターへの復帰がうまく機能していないようです。別の質問でそれを尋ねる必要がある場合は、そうします。

4

1 に答える 1

0

当面の問題は、dblclick に追加するクリック リスナーで同じことをしないことです。

google.maps.event.addListener(zone1, 'click', function (){
    map.fitBounds(zone1._myBounds);});

対オリジナル:

var listener = google.maps.event.addListener(zone1, 'click', function () {
  map.fitBounds(zone1._myBounds);
  google.maps.event.removeListener(listener); 
});
于 2012-12-05T22:13:35.730 に答える