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

发布时间：2020-12-17 18:06:12 所属栏目：安全来源：网络整理

导读：我的 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.nam

我的 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,但不知道如何应用它.我有许多带有地图标记的设备,因此当我加载该地图组件时,它将显示地图上的所有设备.

解决方法

首先,您正在使用(我认为)旧版本的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
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!