使用javascript绘制时测量元素

我在ReactJS中使用OpenLayer实现绘制/修改功能，遇到了一个非常有趣的问题

我如何画一条线，同时看到它在现实世界中有多长（考虑地图的缩放比例）

例如，当我画一条线时，我希望有一个类似“真实世界长度：x米”的信息，其中x在延伸线的同时动态变化。

使用OpenLayers和ReactJS（或纯JS）是否可以实现这样的功能？有没有更好的解决办法？也许有人看到过这样的东西

---

提前感谢您的帮助。

ol ext/Overlay/Tooltips可以帮您完成。
参见在线示例：

---

正如在本例中使用ol/sphere的getLength和getArea方法一样，不要使用web mercator坐标中的几何体方法。很多时候，我都没有在ol的示例中看到这一点：）