app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<agm-map
  [latitude]="latitude"
  [longitude]="longitude"
  [zoom]="2"
  (mapClick)="addMarker($event.coords.lat, $event.coords.lng)"
>
  <agm-marker
    *ngFor="let marker of markers"
    [latitude]="marker.lat"
    [longitude]="marker.lng"
    [opacity]="marker.alpha"
    [markerDraggable]="true"
    (markerClick)="selectMarker($event)"
  >
  </agm-marker>

</agm-map>
<p *ngIf="selectedMarker">
  Lat: {{ selectedMarker.lat }} Lng: {{ selectedMarker.lng }}
</p>`,
styles: ['agm-map { height: 500px; }'],
})
export class AppComponent {

  lat = 43.879078;
  lng = -103.4615581;
  selectedMarker;
  markers = [
    { lat: 54.2166845, lng:-13.4547512 , alpha: 1 },
    { lat: 51.8679575, lng: 14.6368418, alpha: 1 },
    { lat: 59.881411, lng: 20.867694, alpha: 1 },
    { lat: 8.720884, lng: 77.479315, alpha: 1 }
  ];


}