使用agm-core (Angular Google Maps)如何在agm-polyline上使用箭头

Question

我正在使用Angular5和agm-core来绘制谷歌地图，使用这些代码来绘制折线

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

类似这样的东西