Question

我正在将Agm-Direction与Angular Google Maps结合使用来绘制两点之间的行驶路径。

<agm-map [latitude]="6.9271" [longitude]="79.8612">

 <agm-direction [origin]="{ lat: 6.8403134, lng: 80.0021128 }" [destination]="{ lat: 6.71532762, lng: 80.06215197 }">
 </agm-direction>

  <agm-direction [origin]="{ lat: 6.4319639, lng: 79.9983415 }" [destination]="{ lat: 6.73906232, lng: 80.15640132 }">
  </agm-direction>

  <agm-direction [origin]="{ lat: 6.71532762, lng: 80.06215197 }" [destination]="{ lat: 6.4319639, lng: 79.9983415 }">
  </agm-direction>

</agm-map>

我需要以多种颜色绘制多个行驶路径。当前以蓝色绘制所有方向。

如何用不同的颜色绘制多个方向？

Answer 1

找到答案。

我们可以设置this.linkBlood.forEach((item=>{ graph.insertEdge(parent, null,'' , svg['col.' + item.source], svg['col.' + item.target],'line'); }))以不同的颜色绘制方向。

HTML

polylineOptions

TS

<agm-map [latitude]="6.9271" [longitude]="79.8612">
  <agm-direction *ngFor="let dir of dirs" [origin]="dir.origin" [destination]="dir.destination" [renderOptions]="dir.renderOptions">
  </agm-direction>
</agm-map>

有关https://github.com/explooosion/Agm-Direction/issues/46的更多详细信息

Agm方向上具有多种颜色的多个方向

1 个答案: