Holen Sie sich Grenzen einer google-map-v3 nach zoom ändern

Aus der API-Dokumentation:

Wenn Sie versuchen, zu erkennen, dass eine änderung in den Arbeitsbereich, werden Sie sicher, dass die spezifischen bounds_changed Veranstaltung eher als Bestandteil zoom_changed und center_changed Veranstaltungen. Da die Maps-API feuert diese letzteren Ereignisse unabhängig, get_bounds() kann nicht gemeldet brauchbare Ergebnisse erst nach der viewport ist maßgeblich geändert. Wenn Sie möchten, get_bounds() nach einem solchen Ereignis sicher sein zu hören bounds_changed Veranstaltung statt.

Hatte ich das gleiche Problem. Hier ist, was ich habe endlich zu arbeiten, um zu lösen, einige der Probleme, die ich hatte, mit anderen Lösungen.

*Richtig erzwingt Grenzen unabhängig davon, ob Sie die Maus oder die Pfeiltasten

*Nicht, halt den Rand, wenn halten Sie die Pfeil-Tasten, durch die pan-Beschleunigung, die es verursacht, um ein "überschießen" der Rand in einem einzelnen Schritt, so hält er kurz an, anstatt (versuchen Sie, halten Sie die Pfeiltaste in eine Richtung, bis Sie auf die Kante, dann loslassen und drücken Sie Sie erneut, und mit einigen Lösungen, es scrollt nur ein wenig mehr)

*Nicht "bounce back", wenn es Sie trifft die Kante

*Richtig erzwingt Grenzen auf zoom ändern

EDIT: Ok, also es funktioniert, wenn Sie ändern, Zoomen mit dem Mausrad, aber nicht mit der zoom-Steuerung. Lassen Sie mich spielen, um mit ihm ein wenig, und ich werde sehen, ob ich bekommen kann, dass die Arbeit zu...

EDIT 2: Stellt sich heraus, das Problem war, weil ich entfernt mit dem pan-regler. So lange wie die pan-regler vorhanden ist, dies funktioniert sehr gut, sowohl mit dem scroll-Rad und die zoom-Steuerung.

EDIT 3: Nee... das war es nicht. Ich habe aktualisiert, der code für die zoom-Steuerung.

//bounds of the desired area
var allowedBounds = new google.maps.LatLngBounds(
                    new google.maps.LatLng(-64, -64), 
                    new google.maps.LatLng(64, 64)
                    );

var zoomChanged = false;

google.maps.event.addListener(map, 'center_changed', function() {
  var mapBounds = map.getBounds();

  if(mapBounds.getNorthEast().lat() > allowedBounds.getNorthEast().lat()) {
    var newCenter = new google.maps.LatLng(map.getCenter().lat() -
                                           (mapBounds.getNorthEast().lat() -
                                           allowedBounds.getNorthEast().lat()),
                                           map.getCenter().lng(), true);
    map.panTo(newCenter);
    return;
  }

  if(mapBounds.getNorthEast().lng() > allowedBounds.getNorthEast().lng()) {
    var newCenter = new google.maps.LatLng(map.getCenter().lat(),
                                           map.getCenter().lng() -
                                           (mapBounds.getNorthEast().lng() -
                                           allowedBounds.getNorthEast().lng()), true);
    map.panTo(newCenter);
    return;
  }

  if(mapBounds.getSouthWest().lat() < allowedBounds.getSouthWest().lat()) {
    var newCenter = new google.maps.LatLng(map.getCenter().lat() +
                                           (allowedBounds.getSouthWest().lat() -
                                           mapBounds.getSouthWest().lat()),
                                           map.getCenter().lng(), true);
    map.panTo(newCenter);
    return;
  }

  if(mapBounds.getSouthWest().lng() < allowedBounds.getSouthWest().lng()) {
    var newCenter = new google.maps.LatLng(map.getCenter().lat(),
                                           map.getCenter().lng() +
                                           (allowedBounds.getSouthWest().lng() -
                                           mapBounds.getSouthWest().lng()), true);
    map.panTo(newCenter);
    return;
  }
}, this);

google.maps.event.addListener(map, 'zoom_changed', function() {
  zoomChanged = true;
}, this);

google.maps.event.addListener(map, 'bounds_changed', function() {
  if(zoomChanged) {   
    var mapBounds = map.getBounds();

    if(mapBounds.getNorthEast().lat() > allowedBounds.getNorthEast().lat()) {
      var newCenter = new google.maps.LatLng(map.getCenter().lat() -
                                             (mapBounds.getNorthEast().lat() -
                                             allowedBounds.getNorthEast().lat()),
                                             map.getCenter().lng(), true);
      map.panTo(newCenter);
      return;
    }

    if(mapBounds.getNorthEast().lng() > allowedBounds.getNorthEast().lng()) {
      var newCenter = new google.maps.LatLng(map.getCenter().lat(),
                                             map.getCenter().lng() -
                                             (mapBounds.getNorthEast().lng() -
                                             allowedBounds.getNorthEast().lng()), true);
      map.panTo(newCenter);
      return;
    }

    if(mapBounds.getSouthWest().lat() < allowedBounds.getSouthWest().lat()) {
      var newCenter = new google.maps.LatLng(map.getCenter().lat() +
                                             (allowedBounds.getSouthWest().lat() -
                                             mapBounds.getSouthWest().lat()),
                                             map.getCenter().lng(), true);
      map.panTo(newCenter);
      return;
    }

    if(mapBounds.getSouthWest().lng() < allowedBounds.getSouthWest().lng()) {
      var newCenter = new google.maps.LatLng(map.getCenter().lat(),
                                             map.getCenter().lng() +
                                             (allowedBounds.getSouthWest().lng() -
                                             mapBounds.getSouthWest().lng()), true);
      map.panTo(newCenter);
      return;
    }

    zoomChanged = false;
  }
}, this);