基于百度地图API删除指定的覆盖物

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Xgx120413/article/details/84531581

引用百度地图API过程中，想删除指定的覆盖物，有很多很多的坑。什么clearOverlay()方法，直接给我所有覆盖物都给干没了。还有网上介绍的removeOverlay(对象)，这种又介绍不清楚，然后自己经过实践，最终解决了。

直接上图、上代码。

查询所有地图的覆盖物代码：

// 获取所有的地图覆盖物
var allOverlay = map.getOverlays();
console.log(allOverlay);

然后看控制台输出，会输出一堆东西，我们只需要关心自己的内容就行了。这个图看看就行了。继续看下面！

上面只是举个例子，就是说会有几十个覆盖物出现，我们需要找到我们自己要的那个覆盖物，然后删除。

这里我圈出来一个“BMapLib.PoiLayer”，这个里面有很多，然后我需要的其实是："BMapLib.ChannelLayer"，里面有个属性叫做“poiInfo”，然后呢这个poiInfo的值为channel，形式如下：poiInfo: "channel"

我们只需要用循环，然后找到这个poiInfo，然后判断您是否等于“channel”，如果等于，就将这个覆盖物删除就对了！代码如下：

// 判断是否是选择的基础单元，然后先将整个基础单元的信息给移除，再新增加周边基础单元信息
for(var i = 0; i < allOverlay.length; i++) {
    if("channel" == allOverlay[i].poiInfo) {
        map.removeOverlay(allOverlay[i]);
         // 这里一定要继续删除下一个！不然是不能把图标给删除的！至于什么原因，打印一下allOverlay即可明了
        map.removeOverlay(allOverlay[i+1]);
    }
}

这里就是进行判断，然后调用removeOverlay(allOverlay[i])覆盖物方法！这里强调一下，我是必须再删除下一个才能够把我的覆盖物移除，你们做的过程中，根据实际需要来删！