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

标签 javascript css leaflet geojson

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

我的基于 Leafletjs 库的元素中有多个 MultiPolygon GeoJSON 层。我希望当一层与另一层重叠时,在重叠区域中只能看到其中的一层。该图层的每个图层的不透明度都小于 1,因此不足以设置图层在 map 上的顺序。我想知道是否可以优先考虑图层,所以当它们重叠时,只有一个是可见的。 还有一种可能,就是把一层做成另一层的“洞”,有可能吗?

最佳答案

Turfjs非常适合在 Javascript 中执行这样的几何操作。

在您的情况下,您可以使用 turf-erase 通过“删除”多边形的一部分来在多边形中创建孔:http://turfjs.org/static/docs/module-turf_erase.html .该页面上的示例显示了类似于您想要执行的操作。

关于javascript - 如何避免传单 javascript 库中多个 MultiPolygon GeoJSON 层重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29171537/

相关文章:

javascript - 更改 ExtJS Grid/DatePicker 中使用的短/长月份名称

css - 模态 IFrame 高度

css - Webpack sass 加载程序 : How to correctly use fonts?

html - CSS div 在缩小时缩小

javascript - 类型为 'GeoJsonObject' 的 STRING 参数

javascript - Angular 正则表达式防止名称后出现空格

javascript - 如何使 jQuery 代码不适用于已登录的 Wordpress 用户?

javascript - 传单标记均具有相同的值

javascript - 向传单标记添加附加标记?

javascript - 实例本身的删除操作与创建它的构造函数的删除操作