CODEWITHSUNDEEP
javascriptangulargoogle-maps
William White
William White

Reputation: 125

Does AGM-Map support everything that Google Maps API does?

Hi all I am creating an Angular 6 project and I am looking to implement asset tracking utilizing google maps api. However, I was wondering if AGM-Map supports everything Google Maps Api does such as heatmaps, and asset tracking because I can only seem to find basic placing markers and circles on a map.

Upvotes: 1

Views: 1668

Answers (1)

Patricio Vargas
Patricio Vargas

Reputation: 5522

I will say the majority of the functionality of the Google Maps is in AGM, if not you can get your questions answered in the official forum. Also, there are a lot of dependencies that people created to fill this functionalities that were missing.

Here's a small demo, showing how to use the map and showing how to use a marker from the map. This map will add a new marker wherever you click on the map and if you click on a marker it will erase it.

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);
  }

Also reference this for the heat map:

  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

Upvotes: 1

Related Questions