如何在agm-map中制作自定义箭头标记？

我建立一个车辆跟踪应用程序和我使用AGM-MAP-标记来显示分别位于这样的图像，所述车辆，如何在agm-map中制作自定义箭头标记？

而且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像帮助我达到理想的结果..

来源

2017-10-20 Mani Raj

您可以使用现有的API，并设置iconUrl

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

来源

2017-10-20 06:47:18 Sajeetharan

感谢您的帮助。。 –

我收到错误'无法绑定到'iconAnchorX'，因为它不是'agm-marker'.'的已知属性，当我添加上面的代码时 – harish

如何在agm-map中制作自定义箭头标记？

回答

相关问题