如何减少mapbox样式图层的可见部分（或蒙版）？

Question

我通过mapbox studio将六边形tileset添加为mapbox样式的图层。

试图找到减少层可见区域的可能性。例如，在地图中心（当前点标记）周围仅显示100米半径（或边长等于100米的正方形）区域。

这可能吗？

Answer 1

您可以创建一个边界框并使用地图的fitBounds方法，例如：

const boundingBox = [
   [minX,  minY],
   [maxX, maxY]
];

map.fitBounds(boundingBox);

有关fitBounds的更多信息以及您可以找到here的其他示例。

要创建边界框，您可以使用Turf.js库。

此代码使用buffer和bbox方法创建包含100米边和中心给定点的边界框：

const pointBuffer = turf.buffer(point /* - your point GeoJSON */, 0.1, 'kilometers');
const boundingBox = turf.bbox(pointBuffer);