如何使用agm-core（Angular Google Maps）在agm-polyline上使用箭头

Question

我正在使用Angular5并使用agm-core绘制Google地图 用这段代码绘制折线

<agm-polyline [strokeColor]="path.color" 
                strokeWeight="2" *ngFor="let path of paths">              
                <agm-polyline-point *ngFor="let pt of path.points"                     
                    [latitude]="pt.lat" 
                    [longitude]="pt.lng">
                  </agm-polyline-point>
  </agm-polyline>   

这将在地图上绘制如下线

我希望这些线具有箭头

使用agm-core可以吗？

Answer 1

我认为您可以将此带有[iconUrl]输入属性的agm-marker组件使用。

<agm-marker *ngFor="let path of paths" [latitude]="path.points[0].lat" 
[longitude]="path.points[0].lng" [iconUrl]='../assets/my_arrow.png'></agm-marker>

类似的东西