title: How to make custom arrow mark in agm-map?
body: <p>I am building a vehicle tracking application and i am using agm-map-marker to display the vehicles that were located like this in the image,
  <a href="https://i.stack.imgur.com/NhmlH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NhmlH.png" alt="enter image description here"></a></p>
  
  <p>And Livetracking.component.html code is,</p>
  
  <pre><code>&lt;agm-map #gm [latitude]="lat" [longitude]="lng" [(zoom)]="zoom" [mapTypeControl]="true"&gt;
              &lt;agm-marker class="mapMarker" *ngFor="let device of devices;"
                  [latitude]="device.latitude" [longitude]="device.longitude"
                  (markerClick)="gm.lastOpen?.close(); gm.lastOpen = infoWindow;mapMarkerInfo(m);"&gt;
              &lt;/agm-marker&gt;
  &lt;/agm-map&gt;
  </code></pre>
  
  <p>Here i need to replace the marker into arrows, exactly as like in this image,</p>
  
  <p><a href="https://i.stack.imgur.com/NiGkT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NiGkT.png" alt="enter image description here"></a></p>
  
  <p>I am in the need of changing the marker to arrow as like in the second image..Kindly help me to achieve the desired result..</p>