如何在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
}