如何避免传单 javascript 库中的几个 MultiPolygon GeoJSON 层重叠？

Question

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

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

Answer 1

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

在您的情况下，您可以使用 turf-erase：http://turfjs.org/static/docs/module-turf_erase.html，通过“擦除”多边形的一部分在多边形中创建孔。该页面上的示例显示了与您想要做的类似的事情。