概述
在 Openlayers 中面积的量测和长度的测量大同小异,都需要借助于ol/sphere模块,不同的是长度计算是调用ol/sphere模块的getLength方法,而面积则需要调用getArea方法。
如果还不清楚如何在 Openlayers 中计算长度,可以参考Openlayers实现长度测量
实践
效果

代码分析
同长度测量一样,监听draw类的实例对象的drawstart方法,然后监听当前绘制的几何对象的change事件,在这个监听回调函数中调用ol/sphere的getArea方法获取经纬度
this.draw.on("drawstart", ({ feature }) => {this.listener = feature