百度地圖api如何清除指定覆蓋物Overlay

本文主要為大家分享一篇基於百度地圖api清除指定覆蓋物(Overlay)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟著小編過來看看吧，希望能幫助大家。

最近用百度地圖api做項目，需要同時在地圖上顯示marker與Polyline，且Polyline需要根據點擊來顯示或清除，所以遇到了清除指定覆蓋物的問題，各種搜尋後未能找到完美的解決方法，透過自己思考，摸索了一方法能解決這個問題，發出來給大家分享。好了，進入正題：

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

百度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;
      }
    }
  }

是透過遍歷所有覆蓋物來篩選所要移除的覆蓋；

對於要移除一類覆蓋物；可以在添加覆蓋物的時候做限制設定；

第一步：在添加覆蓋的時候對不需要進行移除操作的覆寫設定disableMassClear();官網文件解釋如下

disableMassClear()

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

我這裡不需要對marker進行移除操作，所以設定如下：

marker.disableMassClear();

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

map.clearOverlays();

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

第三步：當後來需要對marker進行移除操作時，可以使用enableMassClear()方法來取消禁止清除；

enableMassClear()

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

但是需要對每個marker進行恢復操作，所以需要進行遍歷：

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

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

簡單三步驟設定便可高效操作指定類別覆蓋物。

相關推薦：

Drupal 7 擴充Overlay的方法詳解?

jquery tools系列overlay 學習_jquery

jquery下實作overlay遮罩層程式碼_jquery

#

以上是百度地圖api如何清除指定覆蓋物Overlay的詳細內容。更多資訊請關注PHP中文網其他相關文章！