`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

绘制、追踪与吸附

沿已有边界描线并自动吸附折点,绘制、修改、捕捉三个交互协同工作。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.interaction.Snap 在指针靠近已有折点或线段时把坐标吸过去, ol.interaction.Modify 的 trace 选项让拖动折点时沿原边界追踪。 两者都指向同一个矢量源,因此对已绘制要素立即生效。

示例先放一个底图多边形作为参照,再叠加绘制交互; 开关控制捕捉与追踪,便于对比有无辅助时的差别。

操作结果
沿参照多边形边缘画线指针吸附到折点,边缘严丝合缝
关闭「吸附」再画坐标不再吸附,容易偏离边缘
拖动已有折点开启追踪时沿相邻边界滑动

Snap 只提供坐标吸附,不会替你插入折点;需要沿线插点时配合 Modify 的双击插点或自定义 insertVertexCondition。

`r`n
`r`n