如何避免传单javascript库中多个MultiPolygon GeoJSON层重叠

How to avoid that several MultiPolygon GeoJSON layers overlap within leaflet javascript library?

本文关键字：MultiPolygon GeoJSON 重叠何避免 javascript 更新时间：2023-09-26

我正在写一个网站来显示城市地图上的不同等时线：http://130.192.68.210:8080/citychrone/citychrone.html

在我的基于Leafletjs库的项目中，我有几个MultiPolygon GeoJSON层。我希望当一层与另一层重叠时，在重叠区域中只能看到其中一层。每个层的不透明度都小于1，因此不足以在贴图上设置层的顺序。我想知道是否可以优先考虑图层，这样当它们重叠时，只有一个是可见的。另一种可能性是把一层变成另一层的"洞"，这是可能的吗？

Turfjs非常适合在Javascript中进行这样的几何运算。

在您的情况下，可以通过使用草皮擦除在多边形中"擦除"部分来创建洞：http://turfjs.org/static/docs/module-turf_erase.html.该页面上的示例显示了类似于您想要做的事情。