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

自由手绘

巡检轨迹、随手勾画不需要逐点点击;freehand 模式按住鼠标移动即可连续生成节点。

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

说明

ol.interaction.Draw 传入 freehand: true 后不再需要双击结束, 松开鼠标即完成一条折线。绘制出的几何按移动轨迹采样顶点,顶点数通常远多于手动点击。 长度用 ol.sphere.getLength() 计算,避免直接用平面坐标求和带来的误差。

操作结果
按住鼠标拖出一条曲线松开后生成手绘折线
查看顶部读数显示顶点数与轨迹长度
点击「清除轨迹」所有手绘线移除

手绘点很密,落库前建议做简化(如 Douglas-Peucker)以减小传输体积和渲染开销。