Cómo alinear los círculos de los mapas en el mapa

Question

Tenemos filtro de búsqueda a distancia. Tiene una vista de mapa que permite establecer el marcador de base y el cuadro de texto de entrada que permite ingresar la distancia en kilómetros.

Luego, en la ventana gráfica que utiliza circle mostrar esta distancia en el mapa.

Pregunta, ¿cómo puedo acercar el mapa para que quepa en el círculo?

Answer 1

A google.maps.Circle tiene un método getBounds() que devuelve el LatLngBounds del círculo. Es posible utilizar estos límites como argumento para google.maps.Map.fitBounds()

Si se utiliza un círculo, se puede hacer esto:

map.fitBounds(circle.getBounds()); 

... al final del init-función.

http://jsfiddle.net/doktormolle/MHLjy/

Answer 2

Para múltiples círculos usar unión en lugar de extender :

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

$.each(circles, function(index, circle){ 
    bounds.union(circle.getBounds()); 
}); 

map.fitBounds(bounds);