Как на карте Google круги подходят под карту

Question

У нас есть фильтр удаленного поиска. Он имеет видовой экран карты, который позволяет установить базовый маркер и текстовое поле ввода, которое позволяет вводить расстояние в километрах.

Затем в окне просмотра мы используем круг , чтобы показать это расстояние на карте.

Вопрос, как я могу увеличить карту так, чтобы она соответствовала кругу?

Answer 1

A google.maps.Circle имеет метод getBounds(), который возвращает LatLngBounds круга. Вы можете использовать эти границы в качестве аргумента для google.maps.Map.fitBounds()

Если вы используете круг, вы можете сделать это:

map.fitBounds(circle.getBounds());

... в конце функции init.

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

Answer 2

Для нескольких кругов используйте объединение вместо удлинение :

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

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

map.fitBounds(bounds);