Поддерживает ли AGM-Map все, что делает API Карт Google? - PullRequest
0 голосов
/ 12 сентября 2018

Привет всем, я создаю проект Angular 6 и хочу внедрить отслеживание активов с использованием API Google Maps.Однако мне было интересно, поддерживает ли AGM-Map все, что делает Google Maps Api, такие как тепловые карты и отслеживание ресурсов, поскольку мне кажется, что я могу только найти базовые маркеры и круги на карте.

1 Ответ

0 голосов
/ 13 сентября 2018

Я скажу, что большинство функций Карт 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

...