首页 > 解决方案 > 有没有办法在 react-map-gl 中为建筑物和房屋添加地块大小,如下图所示

问题描述

图像1

我需要在地图中显示属性的大小。

在此处输入图像描述

标签: reactjsmapboxmapbox-glreact-map-gl

解决方案


使用 Mapbox GL JS,您可以检索渲染建筑物的 GeoJSON 特征,Map#queryRenderedFeatures并将结果特征传递给Turf.jsarea方法以计算这些多边形的面积(以平方米为单位)。

获得这些数值后,您可以使用 Turfcentroid方法计算每个多边形的视觉“中心”,并使用这些坐标添加一个符号图层,以显示每个多边形在其各自坐标处的区域。


推荐阅读