传单:如何处理重叠的线条？

Question

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



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

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

Answer 1

看起来线条正在以默认的 Leaflet Polyline 不透明度 0.5 呈现。如果您自己在代码中实例化折线，则可以覆盖不透明度以使线条以这种方式不透明:

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

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