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

前端之家收集整理的这篇文章主要介绍了angular – 如何在sebm谷歌地图中使用许多地图标记动态更改缩放?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的 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
}

猜你在找的Angularjs相关文章