百度地圖javascript開發,刪除指定覆蓋物方法
在百度地圖開發的過程中,經常有人問到如何刪除指定覆蓋物。本站openGPS.cn決定做一個分享,將自己在處理這個問題i時候寫過的一個方法分享出來。
百度地圖提供了清除所有覆蓋物的方法,也提供了刪除指定覆蓋物的方法。刪除所有覆蓋物不用多說,隨時用隨時刪除,程式碼就一句:map.clearOverlays();
然而刪除指定覆蓋物,這個需求很多新人不容易實現。
原因:宣告過的變數,沒有獨立儲存下來,就不知道怎麼找到這個變數,然後把這個變數作為引數傳進去執行刪除。
本文先提供一個刪除指定型別覆蓋物的方法:
// openGPS.cn提示: 刪除所有折線覆蓋物 function clearAllPolyline() { var allOverlay = map.getOverlays(); for (var i = 0; i < allOverlay.length; i++) { if (allOverlay[i].toString() == "[object Polyline]") { map.removeOverlay(allOverlay[i]); } } } // openGPS.cn提示: 刪除所有lable覆蓋物 function clearAllLable() { var allOverlay = map.getOverlays(); for (var i = 0; i < allOverlay.length; i++) { if (allOverlay[i].toString() == "[object Marker]") { map.removeOverlay(allOverlay[i].getLabel()); //注意獲取lable的方式 } } }
然後,在講講如何刪除特定覆蓋物,這裡有個前提:在建立某個需要被操作的覆蓋物之前,需要為其賦值一個id。我的示例中,所有的Marker屬性都是用 marker.imei = "xxxxxx"; 的方式為Marker物件賦值了一個id(tip:請記住js語法特點,直接屬性賦值就可以用),遍歷的時候配合對該id的檢查實現刪除該覆蓋物。
/* openGPS.cn提示: 我的示例中,所有的Marker屬性都是用 marker.imei = "xxxxxx"; 的方式為Marker物件賦值了一個id 因此,我的寫法是: 先獲取全部覆蓋物: 然後判斷覆蓋物是否是Marker型別: 然後判斷是否是我要刪除的id(imei): 然後拿到目標物件,執行刪除操作 */ function getMapMarker(imei) { var reMarker = null; var allOverlay = map.getOverlays(); for (var i = 0; i < allOverlay.length; i++) { if (allOverlay[i].toString() == "[object Marker]") { if (allOverlay[i].getTitle() == imei) { reMarker = allOverlay[i]; break; } } } return reMarker; }
百度地圖開發,刪除指定覆蓋物的教程暫時寫到這裡。
原文地址: 文章的更新編輯依此連結為準。歡迎關注源站原創文章!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/27102070/viewspace-2156718/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- vue實現根據多選框按鈕,動態給百度地圖新增和刪除相應的覆蓋物Vue地圖
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript 刪除字串中所有指定字元JavaScript字串字元
- JavaScript刪除字串中所有指定字元JavaScript字串字元
- JavaScript刪除字串中的指定字元JavaScript字串字元
- Qt/C++地圖高階繪圖/指定唯一標識新增刪除修改/動態顯示和隱藏/支援天地圖高德地圖百度地圖QTC++地圖繪圖
- 百度地圖開發-引入地圖SDK並配置 02地圖
- 字串-刪除指定字元字串字元
- Git刪除指定分支Git
- Git刪除指定commitGitMIT
- 百度地圖開發-顯示地圖預設介面 03地圖
- 百度地圖開發-與地圖的互動功能 06地圖
- 百度地圖開發-實現離線地圖功能 05地圖
- Angular CDK Overlay 彈出覆蓋物Angular
- Git刪除指定檔案Git
- jupyter notebook 刪除指定 kernel
- 陣列刪除指定項陣列
- 百度地圖開發-在地圖上檢索資料 08地圖
- JavaScript 刪除cookieJavaScriptCookie
- 刪除指定名稱的程式
- 地圖開發筆記(一):百度地圖介紹、使用和Qt內嵌地圖Demo地圖筆記QT
- win10 禁止刪除縮圖方法 win10如何禁止刪除縮圖Win10
- 百度地圖開發-在地圖上實現路線導航 09地圖
- 如何批量刪除指定的GitHub ReposGithub
- git 刪除歷史指定檔案Git
- 簡單介紹Golang切片刪除指定元素的三種方法Golang
- 刪除指定目錄下指定字尾的檔案
- 百度地圖JavaScript API 學習之地址解析地圖JavaScriptAPI
- Android開發百度地圖指南針消失問題Android地圖
- iOS開發之tableView左滑刪除的兩種方法iOSView
- 【Redis】 redis-cluster刪除指定的keyRedis
- jQuery刪除具有指定文字的li元素jQuery
- Array · 刪除陣列中指定的元素陣列
- pandas指定某一列刪除nanNaN
- JavaScript 刪除class屬性JavaScript
- JavaScript刪除table表格中行JavaScript
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 刪除重複字元JavaScript字元