如何使用 mapbox gl 从现有图层获取 geojson 边界数组？答案

【问题标题】：How I can I get geojson boundary array from existing layer using mapbox gl?如何使用 mapbox gl 从现有图层获取 geojson 边界数组？
【发布时间】：2021-08-28 01:41:19
【问题描述】：

我正在使用 mapbox 中的耕作服务的自定义图块集之一。我使用以下代码在地图中加载了该自定义切片图层。

map.addSource('california', {
type: 'vector',
url: 'mapbox://xyz.california'
});

map.addLayer({
'id': 'terrain-data',
'type': 'fill',
'source': 'california',
'source-layer': 'california',
'layout': {},
'paint': {
'fill-color': 'black',
'fill-opacity': 0.5
}
});

上面的代码是用黑色填充内部区域。但我想填写该多边形的外部区域。我知道的唯一一种方法是使用turf.js 获得整个地图与该多边形的差异。之后我就可以填满外面的区域了。

现在的问题是如何获得上述添加层的 geojson ploygon 数组？所以我可以计算差异。

【问题讨论】：

标签： mapbox mapbox-gl-js mapbox-gl turfjs

【解决方案1】：

您无法从矢量切片集中轻松获得多边形的完整几何图形，因为它已经被切割成切片。您必须找到一种方法将它们合并在一起，或者首先将您的几何图形作为完整的 geojson 放入前端。

【讨论】：