在 MapBox 中显示与折线的距离 [关闭]答案

【问题标题】：Show distance from a polilyne in MapBox [closed]在 MapBox 中显示与折线的距离 [关闭]
【发布时间】：2020-10-02 11:58:53
【问题描述】：

我正在开发这个折线代码，我需要完整显示折线距离，我该怎么做？

下面是我正在使用的代码：

https://drive.google.com/file/d/1eQg-hnOFuRWOPWUhg8Lqq38Lc6Pi9uJc/view?usp=sharing

【问题讨论】：

您的链接似乎无效；)
某个有趣的家伙把它删了；/我已经把它重新放了一遍
这就是How to Ask 指南要求您提供minimal reproducible example 和“确保重现问题所需的所有信息都包含在问题本身中”的原因。如果将来代码消失，这个问答对未来的读者来说价值非常有限，因为他们看不到这个答案解决的问题。即使您得到了答案，也请考虑将相关代码直接添加到问题正文中。

标签： javascript api maps coordinates mapbox

【解决方案1】：

您可以使用 Turf.js 等库计算 geojson。

例如，turf/length 测量 lineString 的长度，如下所示。

const line = turf.lineString([
  [-53.08074, -25.766767],
  [-53.097358, -25.77123],
  [-53.117901, -25.798796],
  [-53.147227, -25.801503],
  [-53.187904, -25.812659],
  [-53.235429, -25.811208],
  [-53.276227, -25.802679],
  [-53.305865, -25.788242]
]);

const len = turf.length(line, { units: "kilometers" }); // 24.96224597809012

【讨论】：