javascript - 我怎样才能为 map 上的所有形状设置边界？

Question

map 上有很多形状，它们都保存在这个数组array_shapes_object[]中。如何通过 fitBounds 方法在 map 上显示所有这些？

我可以使用类似的东西:

map.fitBounds(circle.getBounds());

或

map.fitBounds(rectangle.getBounds());

或

var points = new google.maps.LatLng(arrayLatitude[aa], arrayLongitude[aa]);
bounds.extend(points);
map.fitBounds(bounds);

但它们都只适用于一种形状，而且不会超过一种。似乎只有三种形状。 (圆形、矩形、多边形)。

当我点击一个运行函数的按钮时，我想在 map 上调整所有形状。

Answer 1

您需要创建一个 google.maps.LatLngBounds对象，它是您要显示的所有对象的边界的并集。

union(other:LatLngBounds) | LatLngBounds | Extends this bounds to contain the union of this and the given bounds.

伪代码(需要把所有你想在 map 上显示的形状的bounds都加进去):

var bounds = circle.getBounds();
bounds.union(rectangle.getBounds();
for (var aa=0; aa < arrayLatitude.length; aa++) {
  var points = new google.maps.LatLng(arrayLatitude[aa], arrayLongitude[aa]);
  bounds.extend(points);
}
map.fitBounds(bounds);