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

可编辑要素服务

绘制、修改、吸附、删除四个交互作用在同一份要素上,界面与提交逻辑和在线编辑一致。

OpenLayers 10.3.1 · 对应官方 vector-esri-edit.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

官方示例对接 ArcGIS REST 要素服务。这里把服务端换成页面内的要素集合,编辑链路不变:Draw 负责新增,Modify 负责顶点,Snap 负责吸附,Select 负责选中删除。

新增要素在 drawend 里补一个名称属性;删除用单击选中后 removeFeature,与服务端「先选中、再确认、最后移除」的时序一致。顶栏实时显示当前要素数量。

操作结果
画点 / 画线 / 画面向数据源追加要素并自动命名
编辑顶点拖动顶点,靠近其他几何时自动吸附
删除要素单击要素立即从数据源移除

Modify 与 Snap 要挂同一份 source,否则拖动时吸不到其他要素的顶点。