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

自由手绘

指针移动即追加顶点,抬手结束整条线或整个面,不用逐点单击。

OpenLayers 10.3.1 · 对应官方 draw-freehand.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

Draw 打开 freehand 后不再等双击结束,指针移动的每个采样点都会追加到几何里;freehandCondition 决定何时进入手绘,示例用 always 让鼠标也能连续画。

线用 LineString、面用 Polygon,两种类型共用同一套描边样式;撤销一笔直接从数据源删掉最后一个要素,清空则整层复位。

操作结果
按住左键拖动一笔连续的线或面
松开左键面自动闭合,线直接结束
撤销一笔删除最后一次绘制的要素

手绘点密度取决于设备采样率,移动端远高于桌面,必要时用 geometry.simplify 抽稀。