首页 / OpenLayers / 使用示例
`r`n 绘制与修改要素
先画多边形,再用修改交互拖动折点,绘制与编辑共用同一个矢量源。
`r`n
源码与运行效果
说明
ol.interaction.Draw 负责把新几何写进源,
ol.interaction.Modify 直接指向同一个 ol.source.Vector,
因此画完即可拖折点,不需要额外同步数据。
两个交互同时激活会互相抢事件,示例用按钮切换,
保证任意时刻只有一个处于 setActive(true) 状态。
| 操作 | 结果 |
|---|---|
| 点「绘制多边形」后在地图点击 | 逐点连线,双击结束并闭合 |
| 点「修改」后拖动折点 | 几何实时更新,面积随之变化 |
| 点「清空」 | 源与画面同时清空 |
Modify 默认只吸附已有折点;要支持在线上插入新点,需要额外配置 insertVertexCondition 或改用 Modify 的默认双击插点行为。