首页 / OpenLayers / 使用示例
测量样式
把长度和面积直接写进标注,绘制过程中实时更新。
源码与运行效果
说明
测量不需要额外的几何库:ol.sphere.getLength 与 ol.sphere.getArea 直接在球面上计算,样式函数把结果写进 ol.style.Text。
绘制中的草图也用同一套样式,虚线表示未落点,标注随顶点变化实时刷新。示例用同一份样式覆盖线与面两种几何。
要点
- 面积单位是平方米,除以 1e6 换成平方公里。
overflow: true让标注不被几何范围裁掉。drawstart里监听几何change才能实时刷新。
双击结束绘制是 Draw 的默认行为,改成单击结束需要自行处理。