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

边界追踪绘制

绘制多边形时,指针靠近地块边界会自动贴着边界走,适合沿行政界或地块线勾边。

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

说明

ol.interaction.Draw 的 trace 选项开启后,配合 traceSource 指定的参考矢量源,鼠标经过要素边界时新线会沿边界追踪。参考层用页内生成的四行四列地块,绘制层单独存放结果,Snap 交互补充节点吸附。

操作结果
沿地块边界移动鼠标绘制线自动贴合边界,不再穿过地块
切换到 LineString同样可以沿边界描线
点击「清空」只清除绘制结果,参考地块保留

traceSource 与 source 要分开:追踪参考层通常只读,绘制结果放在独立矢量源里。