120.在 Vue3 中使用 OpenLayers 实现清空删除所有图层功能

🎬 效果展示

下图演示了使用 Vue3 和 OpenLayers 实现的图层切换与清除：

• 点击 Watercolor / Terrain 按钮可以动态添加图层

• 点击 清除所有图层 按钮即可移除地图上的所有图层

• 默认初始加载的是 Watercolor 图层

---

🧩 项目背景

在 GIS 可视化项目中，地图图层的动态切换和管理是非常常见的功能。

为了更灵活地管理地图视图，我们通常需要：

• ✅ 动态加载多种地图底图

• ✅ 清除当前已有图层，避免图层堆叠

• ✅ 和 Vue3 项目无缝集成

---

⚙️ 技术栈说明

技术	描述
Vue 3	主流渐进式前端框架
Composition A