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

绘制捕捉

沿着已有道路或边界绘制时,顶点吸附能避免细小缝隙;Snap 与绘制交互可以同时启用。

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

说明

ol.interaction.Snap 的 source 指向已有要素的数据源, pixelTolerance 决定鼠标距离多近才吸附。它与 ol.interaction.Draw 一起加入地图,绘制过程中顶点会被拉向既有点。 「关闭捕捉」按钮通过 interaction.setActive(false) 对比效果。

操作结果
从灰色线端点开始绘制起点自动吸附到端点
靠近已有节点点击新折线顶点与旧节点重合
取消勾选「启用捕捉」顶点落在鼠标确切位置,出现微小缝隙

捕捉只对齐视觉位置,坐标仍以原始要素为准;精度要求高的场景还需在保存前做一次几何规整。