如何在leaflet.js上绘制不同颜色的路径叠加?

时间:2017-07-19 14:19:09

标签: javascript leaflet polyline-decorator

我想从leaflet.js地图上的相同坐标绘制几条路径。我曾想过用三角计算来弥补路径之间的差距,但它太复杂了,无法处理缩放级别,将GPS坐标转换为矢量等等。

我现在的绘画是这样的(另一条路径在绿色路径下):

enter image description here

我想要这样的事情:

enter image description here

当然,坐标,角度和缩放级别可以改变。

1 个答案:

答案 0 :(得分:2)

您可能会对Leaflet Polyline Offset插件感兴趣:

  

此插件为Leaflet Polyline添加了相对像素偏移量绘制的功能,而无需修改实际的LatLng。对于左侧或右侧偏移,偏移值可以是负值或正值,并且在缩放级别之间保持不变。

Bus lines demo

Screenshot of Leaflet Polyline Offset plugin bus lines demo