首页 / OpenLayers / 使用示例
绘制捕捉
沿着已有道路或边界绘制时,顶点吸附能避免细小缝隙;Snap 与绘制交互可以同时启用。
源码与运行效果
说明
ol.interaction.Snap 的 source 指向已有要素的数据源,
pixelTolerance 决定鼠标距离多近才吸附。它与
ol.interaction.Draw 一起加入地图,绘制过程中顶点会被拉向既有点。
「关闭捕捉」按钮通过 interaction.setActive(false) 对比效果。
| 操作 | 结果 |
|---|---|
| 从灰色线端点开始绘制 | 起点自动吸附到端点 |
| 靠近已有节点点击 | 新折线顶点与旧节点重合 |
| 取消勾选「启用捕捉」 | 顶点落在鼠标确切位置,出现微小缝隙 |
捕捉只对齐视觉位置,坐标仍以原始要素为准;精度要求高的场景还需在保存前做一次几何规整。