Google Maps fitBounds nicht richtig funktioniert

Ich habe ein problem mit googlemaps fitBounds Funktionen.

for (var i = 0; i < countries.length; i++) {
 var country = countries[i];
 var latlng = new google.maps.LatLng(parseFloat(country.lat), parseFloat(country.lng));
 mapBounds.extend(latlng); 
}

map.fitBounds(mapBounds);

Einige Symbole angezeigt, die außerhalb des viewport /Sichtbaren Bereich.

Idee?

Vielen Dank im Voraus.

InformationsquelleAutor user160820 | 2010-08-04
  1. 9

    Betrachten Sie das folgende Beispiel, um 10 zufällige Punkte auf der Nord-Osten der USA, und gilt die fitBounds() Methode.

    <!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps LatLngBounds.extend() Demo</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 400px; height: 300px;"></div> 

   <script type="text/javascript"> 

   var map = new google.maps.Map(document.getElementById('map'), { 
     mapTypeId: google.maps.MapTypeId.TERRAIN
   });

   var markerBounds = new google.maps.LatLngBounds();

   var randomPoint, i;

   for (i = 0; i < 10; i++) {
     //Generate 10 random points within North East USA
     randomPoint = new google.maps.LatLng( 39.00 + (Math.random() - 0.5) * 20, 
                                          -77.00 + (Math.random() - 0.5) * 20);

     //Draw a marker for each random point
     new google.maps.Marker({
       position: randomPoint, 
       map: map
     });

     //Extend markerBounds with each random point.
     markerBounds.extend(randomPoint);
   }

   //At the end markerBounds will be the smallest bounding box to contain
   //our 10 random points

   //Finally we can call the Map.fitBounds() method to set the map to fit
   //our markerBounds
   map.fitBounds(markerBounds);

   </script> 
</body> 
</html>

    Erfrischende diesem Beispiel viele Male, wird kein marker geht jemals außerhalb des Viewports. Bei den meisten, manchmal ein marker ist etwas abgeschnitten von der Spitze, wenn versteckt hinter den Reglern:

    Google Maps LatLngBounds.verlängern() Demo http://img825.imageshack.us/img825/7424/fitboundsfit.png

    Ist es auch nichts Wert, dass die fitBounds() bleibt immer ein kleiner Spielraum zwischen der LatLngBounds Objekt und den viewport. Dies ist deutlich in der Abbildung unten gezeigt, wo die rote bounding-box stellt die LatLngBounds zur übergabe an die fitBounds() Methode:

    fitBounds Polsterung http://img204.imageshack.us/img204/9149/fitit.png

    fitBounds Polsterung http://img441.imageshack.us/img441/9615/fitus.png

    Könnten Sie auch interessieren, bei der Prüfung der folgenden Stack-Overflow-Beiträge zum Thema:

    InformationsquelleAutor Daniel Vassallo
  2. 0

    Zeigen Sie uns einen link zu dem Patienten. Wie viele Länder haben Sie in den Ländern array? Die ganze Welt? Sind deine Grenzen überqueren der anti-meridian?

    Land.lat und Land.lng-Anlagen sind je ein Punkt pro Land, und das ist nicht genug, um den Begrenzungsrahmen des Landes. Ist das eine Art von "Land centroid"?

    Wenn das der Fall ist, und wenn Sie Marker östlich der Schwerpunkt der östlichste Land, oder im Westen der Schwerpunkt der westermost Land, diese Marker werden selbstverständlich fallen außerhalb der Grenzen, die Sie definieren.

    Den map.fitBounds() Methode funktioniert gut. 🙂

    Marcelo.

    InformationsquelleAutor Marcelo
Schreibe einen Kommentar