首页 / OpenLayers / 使用示例
可编辑要素服务
绘制、修改、吸附、删除四个交互作用在同一份要素上,界面与提交逻辑和在线编辑一致。
源码与运行效果
说明
官方示例对接 ArcGIS REST 要素服务。这里把服务端换成页面内的要素集合,编辑链路不变:Draw 负责新增,Modify 负责顶点,Snap 负责吸附,Select 负责选中删除。
新增要素在 drawend 里补一个名称属性;删除用单击选中后 removeFeature,与服务端「先选中、再确认、最后移除」的时序一致。顶栏实时显示当前要素数量。
| 操作 | 结果 |
|---|---|
| 画点 / 画线 / 画面 | 向数据源追加要素并自动命名 |
| 编辑顶点 | 拖动顶点,靠近其他几何时自动吸附 |
| 删除要素 | 单击要素立即从数据源移除 |
Modify 与 Snap 要挂同一份 source,否则拖动时吸不到其他要素的顶点。