最近用百度地圖api做項(xiàng)目，需要同時(shí)在地圖顯示marker與Polyline，且Polyline需要根據(jù)點(diǎn)擊來(lái)顯示或清除，所以遇到了清除指定覆蓋物的問(wèn)題，各種搜索后未能找到完美的解決方法，通過(guò)自己思考，摸索了一方法能解決這個(gè)問(wèn)題，發(fā)出來(lái)給大家分享。好了，進(jìn)入正題：

清除覆蓋物有兩個(gè)方法：map.removeOverlay()或者 map.clearOverlays()，clearOverlays()方法一次移除所有的覆蓋物，removeOverlay()一次移除一個(gè)指定覆蓋物，顯然，我要一次移除一類(lèi)Polyline覆蓋物，這兩個(gè)方法都不適用。

百度demo（http://developer.baidu.com/map/jsdemo.htm#c1_17）有removeOverlay()的例子，如下：

function deletePoint(){
    var allOverlay = map.getOverlays();
    for (var i = 0; i < allOverlay.length -1; i++){
      if(allOverlay[i].getLabel().content == "我是id=1"){
        map.removeOverlay(allOverlay[i]);
        return false;
      }
    }
  }

是通過(guò)遍歷所有覆蓋物來(lái)篩選所要移除的覆蓋；

對(duì)于要移除一類(lèi)覆蓋物；可以在添加覆蓋物的時(shí)候做限制設(shè)置；

第一步：在添加覆蓋的時(shí)候?qū)Σ恍枰M(jìn)行移除操作的覆蓋設(shè)置disableMassClear();官網(wǎng)文檔解釋如下

disableMassClear() 

none 禁止覆蓋物在 map.clearOverlays 方法中被清除。 (自 1.1新增)

我這里不需要對(duì)marker進(jìn)行移除操作，所以設(shè)置如下：

marker.disableMassClear();

第二步：清除所要清除的覆蓋物，這里需要清除所有的Polyline而不清除marker，現(xiàn)在可以直接使用

map.clearOverlays();

這樣就能很方便的清除所有Polyline而保留marker；

第三步：當(dāng)后來(lái)需要對(duì)marker進(jìn)行移除操作時(shí)，可以使用enableMassClear()方法來(lái)取消禁止清除；

enableMassClear() 

none 允許覆蓋物在 map.clearOverlays 方法中被清除。 (自 1.1新增)

但是需要對(duì)每個(gè)marker進(jìn)行恢復(fù)操作，所以需要進(jìn)行遍歷：

var allOverlay = map.getOverlays();
      for (var i = 0; i < allOverlay.length; i++) {
        allOverlay[i].enableMassClear();
      }

這樣就恢復(fù)了所有覆蓋物的可清除操作。

簡(jiǎn)單三步設(shè)置便可高效操作指定類(lèi)覆蓋物。

以上這篇基于百度地圖api清除指定覆蓋物(Overlay)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論