经纬志
首页 / OpenLayers / 使用示例

测量样式

把长度和面积直接写进标注,绘制过程中实时更新。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

测量不需要额外的几何库:ol.sphere.getLength 与 ol.sphere.getArea 直接在球面上计算,样式函数把结果写进 ol.style.Text。

绘制中的草图也用同一套样式,虚线表示未落点,标注随顶点变化实时刷新。示例用同一份样式覆盖线与面两种几何。

要点

  • 面积单位是平方米,除以 1e6 换成平方公里。
  • overflow: true 让标注不被几何范围裁掉。
  • drawstart 里监听几何 change 才能实时刷新。

双击结束绘制是 Draw 的默认行为,改成单击结束需要自行处理。