javascript - AGM-Map 是否支持 Google Maps API 所做的一切？

Question

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

Answer 1

我会说 Google map 的大部分功能都在 AGM 中，如果没有，您可以在官方论坛中找到问题的答案。此外，人们创建了很多依赖项来填补这些缺失的功能。

这是一个小演示，展示了如何使用 map 以及如何使用 map 中的标记。这张 map 会在您点击 map 的任何地方添加一个新标记，如果您点击一个标记，它会删除它。

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