`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

绘制与修改要素

先画多边形,再用修改交互拖动折点,绘制与编辑共用同一个矢量源。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.interaction.Draw 负责把新几何写进源, ol.interaction.Modify 直接指向同一个 ol.source.Vector, 因此画完即可拖折点,不需要额外同步数据。

两个交互同时激活会互相抢事件,示例用按钮切换, 保证任意时刻只有一个处于 setActive(true) 状态。

操作结果
点「绘制多边形」后在地图点击逐点连线,双击结束并闭合
点「修改」后拖动折点几何实时更新,面积随之变化
点「清空」源与画面同时清空

Modify 默认只吸附已有折点;要支持在线上插入新点,需要额外配置 insertVertexCondition 或改用 Modify 的默认双击插点行为。

`r`n
`r`n