У нас есть фильтр поиска по расстоянию. Он имеет окно просмотра карты, которое позволяет установить базовый маркер, и текстовое поле ввода, которое позволяет ввести расстояние в километрах.
Затем мы добавляем круг, чтобы показать это расстояние на карте. .
Как масштабировать карту, чтобы она соответствовала кругу?
Для нескольких кругов используйте union вместо extend:
var bounds = new google.maps.LatLngBounds();
$.each(circles, function(index, circle){
bounds.union(circle.getBounds());
});
map.fitBounds(bounds);
У google.maps.Circle есть метод getBounds(), который возвращает LatLngBounds круга. Вы можете использовать эти границы в качестве аргумента для google.maps.Map.fitBounds()
Если вы используете круг, вы можете сделать это:
map.fitBounds(circle.getBounds());
... в конце функции инициализации.
http://jsfiddle.net/doktormolle/MHLjy/
