Comment faire une flèche personnalisée dans agm-map?

Question

Je construis une application de suivi des véhicules et je suis en utilisant la carte-agm-marqueur pour afficher les véhicules qui se trouvaient comme celui-ci dans l'image,

et le code Livetracking.component.html est,

<agm-map #gm [latitude]="lat" [longitude]="lng" [(zoom)]="zoom" [mapTypeControl]="true"> 
      <agm-marker class="mapMarker" *ngFor="let device of devices;" 
       [latitude]="device.latitude" [longitude]="device.longitude" 
       (markerClick)="gm.lastOpen?.close(); gm.lastOpen = infoWindow;mapMarkerInfo(m);"> 
      </agm-marker> 
</agm-map> 

ici, je dois remplacer le marqueur en flèches, exactement comme comme dans cette image,

Je suis dans le besoin de changer le marqueur à la flèche comme comme dans le second image..Kindly me aider à obtenir le résultat souhaité ..

Answer 1

Vous pouvez utiliser l'API existante et définissez les iconUrl

<agm-marker 
    [latitude]="location.latitude" 
    [longitude]="location.longitude" 
    [iconAnchorX]="10" 
    [iconAnchorY]="10" 
    [iconHeight]="20" 
    [iconWidth]="20"> 
    [iconUrl]="location.icon"> 
</agm-marker>