如何在sebm谷歌地图中使用许多地图标记动态更改缩放？

Question

我的HTML代码是

<sebm-google-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [mapTypeControl]="true">
  <sebm-google-map-marker *ngFor="let device of devices;" [latitude]="device.latitude" [longitude]="device.longitude" [label]="device.name">
  </sebm-google-map-marker>
</sebm-google-map>

在sebm-google-map我可以找到fitBounds，但不知道如何应用它。我有许多带有地图标记的设备，因此当我加载该地图组件时，它将显示地图上的所有设备。

Answer 1

首先，您正在使用（我认为）旧版本的angular-google-maps。

属性sebm-google-map已重命名为agm-map。

示例

<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
</agm-map>

fitBounds属性是LatLngBoundsLiteral对象。

您可以像这样定义边界：

let bounds = {
  east: 12.345,
  north: 23.456,
  south: 34.567,
  west: 45.678
}