Ajusta automáticamente el zoom para acomodar todos los marcadores en un mapa de google

Question

Usando la última versión de Google maps. ¿Cómo agregar marcadores usando longitud y latitud y ajustar automáticamente el nivel de zoom del mapa para incluir todos los marcadores usando JavaScript?

Answer 1

Google Maps API v3 proporciona un objeto LatLngBounds al que puede agregar varios objetos LatLng. A continuación, puede pasar esto a Map.fitBounds() función como se describe aquí:

• Zoom-To-Fit All Markers, Polylines or Polygons on A Google Map - API v2
• Zoom-to-Fit All Markers on Google Map v3

Ejemplo parcial

var latlng = [ 
    new google.maps.LatLng(1.23, 4.56), 
    new google.maps.LatLng(7.89, 1.01), 
    // ... 
]; 
var latlngbounds = new google.maps.LatLngBounds(); 
for (var i = 0; i < latlng.length; i++) { 
    latlngbounds.extend(latlng[i]); 
} 
map.fitBounds(latlngbounds); 

Answer 2

usted agrega marcadores a su mapa de Google creando una instancia de un objeto marker para cada uno de sus pares de latitud/longitud:

var marker = new google.maps.Marker({ 
    position: currentLatLng, 
    map: map, 
    title:"Title!" 
}); 

La opción map en el marcador constructer asociará el objeto nuevo mercado con su mapa.

Para ampliar su mapa para incluir sus nuevos marcadores, utilice el método fitBounds en el objeto map. fitBounds toma un objeto latLngBounds como parámetro. Este objeto tiene un práctico extender el método que ajustará los límites para incluir una nueva latitud/longitud. Así que solo tiene que pasar por todos sus puntos, llamando al extienda en un solo objeto latLngBounds. Esto ampliará los límites para incluir todos tus marcadores. Una vez que haya hecho esto, pase este objeto al método fitBounds en el map y se ampliará para mostrar todos sus nuevos marcadores.