136.在 Vue3 中使用 OpenLayers 实现 GroupLayer 的添加、删除、显示、隐藏

🔍 实现效果预览

👇如下图所示，我们可以实现：

• 点击按钮动态添加高德地图图层；

• 动态从 GroupLayer 中删除该图层；

• 隐藏 / 显示整个图层组。

---

📌 项目技术要点

功能	实现方式
添加图层到图层组	group.getLayers().push()
从图层组中删除	遍历图层组，用 removeAt 删除
控制图层组显示	group.setVisible(true/false)
加载高德地图	使用 XYZ 图层和高德 URL

---

🧱 核心代码（完整）

以下是使用 Vue