高德地图清除所有覆盖图层

### 清除高德地图上的所有覆盖物

为了实现清除高德地图上的所有覆盖物，在实际应用中可以采用两种主要策略：

- **存储管理法**：每当创建一个新的覆盖物时，将其保存在一个全局数组或其他数据结构内。当需要删除这些覆盖物时，遍历该集合并对每一个成员执行`map.remove()`操作[^2]。

- **直接调用API函数**：部分情况下，如果希望一次性移除所有的覆盖物而无需单独追踪它们，则可以直接利用地图实例自带的方法来完成这一目标。对于高德地图而言，并未直接提供一键清空所有覆盖物的功能，因此推荐使用前一种方式即通过维护一个列表来进行批量处理[^1]。

下面是一个基于JavaScript的例子展示如何管理和清理多个标记（Marker），此逻辑同样适用于其他类型的覆盖物如折线(Polyline)或多边形(Polygon):

// 定义用于储存所有已添加覆盖物的对象容器
var overlays = [];

function addOverlay(marker){
    map.add(marker);
    // 将新加入的覆盖物推入到overlays数组里以便后续管理
    overlays.push(marker);
}

function clearOverlays(){
    while(overlays.length>0){
        let overlay = overlays.pop();
        map.remove(overlay);  // 移除单个覆盖物
    }
}

上述代码片段展示了如何向地图中增加新的覆盖物以及怎样安全有效地将之前添加过的全部覆盖物从地图上去除。值得注意的是，这里假设了一个名为`map`的地图对象已经存在并且处于可用状态；同时还需要注意确保在适当的时候调用了`clearOverlays`方法以触发清理过程。

另外，也可以设置按钮事件监听器来响应用户的交互行为从而触发清除动作:

document.getElementById("removeAllOverlay").onclick = clearOverlays;

这段脚本的作用是在页面中的某个HTML元素被点击之后立即执行清除所有现有覆盖物的操作[^3]。