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

修改要素

已绘制或已加载的要素需要调整边界时,Modify 交互让顶点可拖拽,无需重新绘制整个面。

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

说明

ol.interaction.Modify 绑定矢量数据源后,鼠标靠近顶点即可拖动。 几何变化后触发 modifyend,此时读取 getCoordinates()[0].length - 1 得到外环顶点数。 「还原形状」把最初的坐标数组重新写入几何,用于反复试验。

操作结果
拖动多边形顶点面形状改变,顶部顶点数更新
拖动边线中点新增顶点,数量增加
点击「还原形状」恢复初始四边形

修改交互只改几何不写回后端,持久化需要在 modifyend 里自行收集并提交。