在Mapbox GL JS draw中显示多边形的长度

在Mapbox GL JS draw中显示多边形的长度,mapbox,mapbox-gl-js,turfjs,Mapbox,Mapbox Gl Js,Turfjs,我不熟悉javascript等的编码。我的背景是对Python有点了解 下面的示例演示如何在Mapbox中绘制多边形,然后显示多边形的面积 我还想做的是显示多边形的每个绘制边的长度,并能够向用户显示它,而不仅仅是该区域 如果在地图中多边形的每一侧都能显示一个长度标签,那就太棒了。有什么建议吗?我将非常感激,谢谢 我建议您使用这个库,它有非常有用的辅助方法用于这种地理操作,巧合的是(或不是),您提到的示例也使用它来计算面积 因此,您需要做的是,一旦从数据(具有geojson多边形的形式)中绘制多边

我不熟悉javascript等的编码。我的背景是对Python有点了解

下面的示例演示如何在Mapbox中绘制多边形,然后显示多边形的面积

我还想做的是显示多边形的每个绘制边的长度,并能够向用户显示它,而不仅仅是该区域


如果在地图中多边形的每一侧都能显示一个长度标签,那就太棒了。有什么建议吗?我将非常感激,谢谢

我建议您使用这个库,它有非常有用的辅助方法用于这种地理操作,巧合的是(或不是),您提到的示例也使用它来计算面积

因此,您需要做的是,一旦从
数据
(具有geojson多边形的形式)中绘制多边形,就提取形成多边形的4个或更多点。然后,使用这些点作为输入并使用辅助对象,可以检索多边形每一侧的长度

如果要显示多边形每条线中点以上的长度,可以使用辅助对象获取坐标,在坐标上可以使用该信息创建标记。要创建标记,您可以选中此项(尽管在您的情况下,您可能希望将标志
draggeable
设置为false)

希望这有帮助:)