首页 / OpenLayers / 使用示例
修改要素
已绘制或已加载的要素需要调整边界时,Modify 交互让顶点可拖拽,无需重新绘制整个面。
源码与运行效果
说明
ol.interaction.Modify 绑定矢量数据源后,鼠标靠近顶点即可拖动。
几何变化后触发 modifyend,此时读取
getCoordinates()[0].length - 1 得到外环顶点数。
「还原形状」把最初的坐标数组重新写入几何,用于反复试验。
| 操作 | 结果 |
|---|---|
| 拖动多边形顶点 | 面形状改变,顶部顶点数更新 |
| 拖动边线中点 | 新增顶点,数量增加 |
| 点击「还原形状」 | 恢复初始四边形 |
修改交互只改几何不写回后端,持久化需要在 modifyend 里自行收集并提交。