百度地圖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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 百度地圖 ~ 覆蓋物地圖
- 地圖自定義錨點+覆蓋物地圖
- 222.map4-百度地圖新增覆蓋物地圖
- vue實現根據多選框按鈕,動態給百度地圖新增和刪除相應的覆蓋物Vue地圖
- 百度地圖 JavaScript 開發入門地圖JavaScript
- 百度地圖大擴張:覆蓋全球1/4國家地圖
- 【高德地圖API】從零開始學高德JS API(三)覆蓋物——標註|折線|多邊形|資訊視窗|聚合marker|麻點圖|圖片覆蓋物地圖APIJS
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript刪除table表格指定行JavaScript
- JavaScript 刪除指定的li元素JavaScript
- 百度地圖API入門——(7)新增或刪除圖層地圖API
- JavaScript刪除字串中所有指定字元JavaScript字串字元
- JavaScript 刪除字串中所有指定字元JavaScript字串字元
- JavaScript刪除字串中的指定字元JavaScript字串字元
- JavaScript刪除陣列中指定元素JavaScript陣列
- Qt/C++地圖高階繪圖/指定唯一標識新增刪除修改/動態顯示和隱藏/支援天地圖高德地圖百度地圖QTC++地圖繪圖
- 百度地圖開發步驟地圖
- 百度地圖開發-引入地圖SDK並配置 02地圖
- Win10系統離線地圖怎麼刪除 win10系統刪除離線地圖的方法Win10地圖
- 百度地圖開發-實現離線地圖功能 05地圖
- 百度地圖開發-與地圖的互動功能 06地圖
- 百度地圖開發-在地圖上檢索資料 08地圖
- 百度地圖開發-顯示地圖預設介面 03地圖
- 百度地圖API開發demo地址地圖API
- javascript刪除指定子元素程式碼例項JavaScript
- Angular CDK Overlay 彈出覆蓋物Angular
- Google開源ScriptCover,JavaScript程式碼覆蓋率工具GoJavaScript
- javascript刪除陣列指定值程式碼例項JavaScript陣列
- javascript刪除具有指定文字內容的li元素JavaScript
- 第9條:覆蓋equals時總要覆蓋hashCode方法
- Java方法覆蓋和變數覆蓋的區別詳解Java變數
- 地圖開發筆記(一):百度地圖介紹、使用和Qt內嵌地圖Demo地圖筆記QT
- 字串-刪除指定字元字串字元
- Git刪除指定分支Git
- 百度地圖開發-在地圖上實現路線導航 09地圖
- javascript刪除指定索引的陣列程式碼例項JavaScript索引陣列
- javascript獲取和刪除指定cookie程式碼例項JavaScriptCookie
- JavaScript覆蓋率統計實現JavaScript