传单：如何处理重叠线？答案

【问题标题】：Leaflet: How to deal with overlapping lines?传单：如何处理重叠线？
【发布时间】：2013-08-15 13:17:41
【问题描述】：

Leaflet地图库中的重叠线如何处理？

我从服务器 sid 下载 geoJSON 并将其直接绘制到地图上。如果有两个相同的条目，Leaflet 会绘制它们两次。这可以通过在服务器端找到完全相同的副本来解决。

但是，这不适用于共享某些相同空间的不同数据集。结果，两者的部分都被绘制到了同一个位置。

【问题讨论】：

在您的场景中，Leaflet 将分别绘制橙色线和蓝色线。如果它们碰巧重叠，Leaflet 将呈现它，如图所示。在这种情况下，你想要的结果是什么？应该修剪橙色线吗？蓝线被修剪了吗？你想发生什么？
您找到解决方案了吗？

标签： leaflet

【解决方案1】：

似乎正在使用默认的 Leaflet Polyline 不透明度 0.5 渲染线条。如果您在代码中自己实例化折线，则可以通过这种方式覆盖不透明度以使线条不透明：

var myPolyLine = new L.Polyline( myPoints, { opacity: 1 } );

将出现在顶部的线将是您最后添加到地图的线（一个或另一个将在顶部，除非您将它们设置为不透明和相同的颜色）。但是，如果您直接加载 geoJSON 并且无法控制 Leaflet 如何呈现它，这可能没有实际意义。

【讨论】：