Google地图圈子如何适合地图

Question

我们有远程搜索过滤器。它具有地图视口，允许设置基本标记和输入文本框，允许以千米为单位输入距离。

然后在视口中，我们使用circle在地图上显示此距离。

问题，如何缩放地图以使其适合圆圈？

Answer 1

google.maps.Circle有一个getBounds()方法，可以返回圆圈的LatLngBounds。您可以将此边界用作google.maps.Map.fitBounds()

的参数

如果使用圆圈，您可以这样做：

map.fitBounds(circle.getBounds());

...在init-function的末尾。

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);