javascript - 中心/设置 map 缩放以覆盖所有可见标记？

Question

我在我的 map 上设置了多个标记，我可以静态设置缩放级别和中心，但我想要的是覆盖所有标记并尽可能缩放，让所有市场都可见

可用方法如下

setZoom(zoom:number)

和

setCenter(latlng:LatLng)

setCenter 都不支持多个位置或位置数组输入，setZoom 也不具有此类功能

Answer 1

您需要使用 fitBounds() 方法。

var markers = [];//some array
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markers.length; i++) {
 bounds.extend(markers[i]);
}

map.fitBounds(bounds);

---

文档来自 developers.google.com/maps/documentation/javascript :

fitBounds(bounds[, padding])

Parameters:

`bounds`:  [`LatLngBounds`][1]|[`LatLngBoundsLiteral`][1]
`padding` (optional):  number|[`Padding`][1]

Return Value: None

Sets the viewport to contain the given bounds.
Note: When the map is set to display: none, the fitBounds function reads the map's size as 0x0, and therefore does not do anything. To change the viewport while the map is hidden, set the map to visibility: hidden, thereby ensuring the map div has an actual size.