首页 / OpenLayers / 使用示例
自由手绘
巡检轨迹、随手勾画不需要逐点点击;freehand 模式按住鼠标移动即可连续生成节点。
源码与运行效果
说明
ol.interaction.Draw 传入 freehand: true 后不再需要双击结束,
松开鼠标即完成一条折线。绘制出的几何按移动轨迹采样顶点,顶点数通常远多于手动点击。
长度用 ol.sphere.getLength() 计算,避免直接用平面坐标求和带来的误差。
| 操作 | 结果 |
|---|---|
| 按住鼠标拖出一条曲线 | 松开后生成手绘折线 |
| 查看顶部读数 | 显示顶点数与轨迹长度 |
| 点击「清除轨迹」 | 所有手绘线移除 |
手绘点很密,落库前建议做简化(如 Douglas-Peucker)以减小传输体积和渲染开销。