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

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

直接上图、上代码。

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

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

 

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

基于百度地图API删除指定的覆盖物_第1张图片

基于百度地图API删除指定的覆盖物_第2张图片

 

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

这里我圈出来一个“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])覆盖物方法!这里强调一下,我是必须再删除下一个才能够把我的覆盖物移除,你们做的过程中,根据实际需要来删!

 

 

你可能感兴趣的:(个人总结,百度地图API)