AGM-Map是否支持Google Maps API的所有功能?

问题描述 投票:1回答:1

大家好我正在创建一个Angular 6项目,我希望利用谷歌地图api实现资产跟踪。但是,我想知道AGM-Map是否支持Google Maps Api所做的一切,例如热图和资产跟踪,因为我似乎只能在地图上找到基本的放置标记和圆圈。

javascript angular google-maps
1个回答
1
投票

我会说Google地图的大部分功能都在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);
  }

另外参考热图:

  1. https://www.npmjs.com/package/agm-overlays
  2. https://github.com/SebastianM/angular-google-maps/issues/1423
  3. https://www.npmjs.com/package/agm-heatmap
© www.soinside.com 2019 - 2024. All rights reserved.