Google Maps: centrar mapa automáticamente con múltiples marcadores

Ejemplo de como centrar (vertical y horizontalmente) automáticamente un mapa de google maps con múltiples marcadores.

Para centrar manualmente un mapa se usa la propiedad «center» como en este otro ejemplo… con la latitud y longitud que queramos.

Pero, en este caso, la propiedad center no nos hace falta, ya que queremos que se «auto-ajuste» haciendo un centrado automático en función de la posición de los marcadores que tengamos.

Os indico aquí el código javascript (luego en el ejemplo de abajo de codepen podéis ver el código js completo) que hay que añadir para que os resulte más fácil insertarlo en vuestros mapas:

var marcadores = [];

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

marcadores.push(marcador);
    
limites.extend(marcador.position);

mapa.fitBounds(limites);

Demo: