agm-mapでカスタム矢印マークを作成するには？

Question

私は車両追跡アプリケーションを構築していると私はイメージでこのように位置していた車を表示するには、AGM-マップマーカーを使用しています、

そしてLivetracking.component.htmlコードは、

<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> 

私は私が午前

、まさに、この画像のように、矢印にマーカーを交換する必要がある。ここ

二image..Kindlyのように所望の結果を達成するために私を助けると矢印マーカーを変更する必要性..

Answer 1

既存のAPIを使用し、あなたの助けのためのiconUrl

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