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

Question

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

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

Answer 1

Turfjs非常适合在Javascript中执行此类几何操作。

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