angularagm

Loading images on google map using AGM

I have one requirement to show/hide images on google map using agm something as shown below. I think there is some utility is available with AGM, however i am not aware of it.Below is my code to load map and on handleOnTilesLoaded() method I would like to add some code to load images

enter image description here

<agm-map [zoom]="5" [latitude]="lat" [longitude]="lng" (mapReady)="onMapReady($event)"
    (mapClick)="mapClick($event)" (mapReady)="mapReady($event)"(tilesLoaded)="handleOnTilesLoaded()">  
 </agm-map>
Solution 
  • <agm-map [disableDefaultUI]="true" [zoomControl]="true" [zoom]=3 [usePanning]="true">
      <agm-overlay>
        <img src="../../assets/images/marker.png" >
      </agm-overlay>
      
    </agm-map>