使用 javascript 在绘图时测量元素
Measure element while drawing using javascript
我正在 ReactJS 中使用 OpenLayer 实现 draw/modify 功能，遇到了一个非常有趣的问题。
我怎样才能画一条线，同时在现实世界中看到它有多长（考虑到地图的缩放比例）。
例如，当我画一条线时，我想要一个像“真实世界长度：x 米”这样的信息，其中 x 在延伸线时动态变化。
是否可以使用 OpenLayers 和 ReactJS（或纯 JS）来实现这样的功能？有没有更好的解决方案？也许有人见过这样的东西？
提前感谢您的帮助。
ol-ext/Overlay/Tooltips 可以为您做到。
在线查看示例：https://viglino.github.io/ol-ext/examples/popup/map.tooltip.measure.html
我正在 ReactJS 中使用 OpenLayer 实现 draw/modify 功能，遇到了一个非常有趣的问题。
我怎样才能画一条线，同时在现实世界中看到它有多长（考虑到地图的缩放比例）。
例如，当我画一条线时，我想要一个像“真实世界长度：x 米”这样的信息，其中 x 在延伸线时动态变化。
是否可以使用 OpenLayers 和 ReactJS（或纯 JS）来实现这样的功能？有没有更好的解决方案？也许有人见过这样的东西？
提前感谢您的帮助。
ol-ext/Overlay/Tooltips 可以为您做到。
在线查看示例：https://viglino.github.io/ol-ext/examples/popup/map.tooltip.measure.html