首页 / OpenLayers / 使用示例
删除要素
编辑场景少不了删除:Select 收集选中要素,再逐个交给
source.removeFeature() 即可。
源码与运行效果
说明
ol.interaction.Select 设置 multi: true 后按住 Shift 可继续加选,
选中的要素集合通过 select.getFeatures() 取得。
删除操作遍历该集合调用 source.removeFeature(),
完成后必须 clear() 选中集合,否则交互内部仍持有已移除的要素。
| 操作 | 结果 |
|---|---|
| 点击点位 | 点位变红表示选中 |
| Shift 点击多个点位 | 同时选中多个,顶部计数增加 |
| 点击「删除选中」 | 选中点位消失,总数减少 |
| 点击「恢复全部」 | 重新放回全部初始点位 |
删除前建议保留要素副本,交互式编辑需要撤销能力时可按操作记录栈来恢复。