<h2>Map</h2>

<agm-map *ngIf="images"
         [latitude]="latitude"
         [longitude]="longitude"
         [zoom]="2">
  <agm-marker
    *ngFor="let image of images"
    [latitude]="image.latitude"
    [longitude]="image.longitude"
    [opacity]="1"
    [markerDraggable]="true"
    (markerClick)="selectMarker($event)"
  ></agm-marker>
</agm-map>

<p *ngIf="selectedImage">
  Latitude: {{ selectedImage.latitude }} Longitude: {{ selectedImage.longitude }} Name: {{selectedImage.name}}
</p>
