大家好,我正在创建一个Angular 6项目,并且我希望利用Google Maps API实现资产跟踪。但是,我想知道AGM-Map是否支持Google Maps Api所做的所有事情,例如热图和资产跟踪,因为我似乎只能在地图上找到基本的放置标记和圆圈。
最佳答案
我会说Google Maps的大多数功能都在AGM中,如果没有的话,您可以在官方论坛中回答您的问题。同样,人们创建了很多依赖来填补这些功能,而这些依赖已经丢失了。
这是一个小型演示,展示了如何使用地图以及如何使用地图中的标记。无论您在地图上的什么位置单击,此地图都会添加一个新的标记,如果您单击标记,它将删除它。
https://stackblitz.com/edit/angular-google-maps-demo-d9iec2
的HTML
<agm-map
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
[disableDefaultUI]="false"
[zoomControl]="false"
(mapClick)="mapClicked($event)">
<agm-marker
*ngFor="let m of markers; let i = index"
(markerClick)="eraseMarker(m)"
[latitude]="m.lat"
[longitude]="m.lng"
[label]="m.label">
</agm-marker>
</agm-map>
TS
eraseMarker( marker: Marker) {
const positionArray = this.markers.indexOf(marker);
this.markers.splice(positionArray, 1);
console.log(this.markers);
}
另请参考以下热图:
https://www.npmjs.com/package/agm-overlays
https://github.com/SebastianM/angular-google-maps/issues/1423
https://www.npmjs.com/package/agm-heatmap