首页 / OpenLayers / 使用示例
`r`n 绘制、追踪与吸附
沿已有边界描线并自动吸附折点,绘制、修改、捕捉三个交互协同工作。
`r`n
源码与运行效果
说明
ol.interaction.Snap 在指针靠近已有折点或线段时把坐标吸过去,
ol.interaction.Modify 的 trace 选项让拖动折点时沿原边界追踪。
两者都指向同一个矢量源,因此对已绘制要素立即生效。
示例先放一个底图多边形作为参照,再叠加绘制交互; 开关控制捕捉与追踪,便于对比有无辅助时的差别。
| 操作 | 结果 |
|---|---|
| 沿参照多边形边缘画线 | 指针吸附到折点,边缘严丝合缝 |
| 关闭「吸附」再画 | 坐标不再吸附,容易偏离边缘 |
| 拖动已有折点 | 开启追踪时沿相邻边界滑动 |
Snap 只提供坐标吸附,不会替你插入折点;需要沿线插点时配合 Modify 的双击插点或自定义 insertVertexCondition。