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

删除要素

编辑场景少不了删除:Select 收集选中要素,再逐个交给 source.removeFeature() 即可。

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

说明

ol.interaction.Select 设置 multi: true 后按住 Shift 可继续加选, 选中的要素集合通过 select.getFeatures() 取得。 删除操作遍历该集合调用 source.removeFeature(), 完成后必须 clear() 选中集合,否则交互内部仍持有已移除的要素。

操作结果
点击点位点位变红表示选中
Shift 点击多个点位同时选中多个,顶部计数增加
点击「删除选中」选中点位消失,总数减少
点击「恢复全部」重新放回全部初始点位

删除前建议保留要素副本,交互式编辑需要撤销能力时可按操作记录栈来恢复。