javascript - puntos - marcadores personalizados google maps

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

Agregue marcadores a su mapa de Google al crear 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 de map en el constructor marcador asociará el nuevo objeto de mercado con su mapa.

Para ampliar su mapa e incluir sus nuevos marcadores, use el método fitBounds en el objeto del map . fitBounds toma un objeto latLngBounds como parámetro. Este objeto tiene un práctico método extendido que ajustará los límites para incluir una nueva latitud / longitud. Por lo tanto, solo tiene que pasar por todos sus puntos y llamar a extender en un único 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 acercará para mostrar todos sus nuevos marcadores.

Answer 2

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

• Zoom-Para-Ajustar todos los marcadores, polilíneas o polígonos en un mapa de Google - API v2
• Zoom-to-Fit Todos los marcadores en 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);