圖片原件：
https://images.cnblogs.com/cnblogs_com/FKdelphi/885783/o_%E5%8C%97%E4%BA%AC%E5%A4%96%E5%9C%B0%E5%8F%B7%E6%8B%8D%E7%85%A7%E4%BD%8D%E7%BD%AE.png
坐標提取器：
http://api.map.baidu.com/lbsapi/getpoint/index.html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 6 <style type="text/css"> 7 body, html {width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";} 8 #allmap{width:100%;height:100%;} 9 </style> 10 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=58442717a37f1c15be2c9a30207c7f2e"></script> 11 <title>從多個點刪除指定點</title> 12 </head> 13 <body> 14 <div id="allmap"></div> 15 <!--<input type="button" onclick="deletePoint()" value="刪除id=1"/>--> 16 </body> 17 </html> 18 <script type="text/javascript"> 19 // 百度地圖API功能 20 var map = new BMap.Map("allmap"); 21 map.enableScrollWheelZoom(); //啟用滾輪放大縮小，默認禁用 22 map.enableContinuousZoom(); //啟用地圖慣性拖拽，默認禁用 23 var point = new BMap.Point(116.404, 39.915); 24 map.centerAndZoom(point, 15); 25 map.disableDoubleClickZoom(true); 26 27 // 編寫自定義函數,創建標注 28 function addMarker(point,label){ 29 var marker = new BMap.Marker(point); 30 map.addOverlay(marker); 31 marker.setLabel(label); 32 } 33 // 編寫自定義函數,根據坐標、名稱增加標注 34 function addCustom(x,y,positionName){ 35 var point = new BMap.Point(x,y); 36 var label = new BMap.Label(positionName,{offset:new BMap.Size(20,-10)}); 37 addMarker(point,label); 38 } 39 // 編寫自定義函數,根據坐標、名稱增加標注 40 function showCustomMarker(infos){ 41 for(var i = 0; i < infos.length; i++){ 42 addCustom(infos[i][0], infos[i][1], infos[i][2]); 43 } 44 } 45 var data_info = [[116.309405,40.094899,"二撥子橋 北向南"], // 二撥子橋 北向南 地址：北京市昌平區二撥子橋 坐標：116.309405,40.094899 46 [116.252686,40.170721,"西沙橋 雙向"], // 西沙橋 雙向 地址：北京市昌平區 坐標：116.252686,40.170721 47 [116.489317,40.111981,"魯疃橋 南向北"], // 魯疃橋 南向北 地址：北京市昌平區 坐標：116.489317,40.111981 48 [116.418419,40.053535,"立水橋 龍德廣場"], // 立水橋 龍德廣場 地址：北京市朝陽區 坐標：116.418419,40.053535 49 [116.26635,40.009103,"功德寺 橋南"], // 功德寺 橋南 地址：北京市海淀區 坐標：116.26635,40.009103 50 [116.289896,40.020503,"肖家河橋 雙向"], // 肖家河橋 雙向 地址：北京市海淀區 坐標：116.289896,40.020503 51 [116.218639,39.933389,"晉元橋 東向南"], // 晉元橋 東向南 地址：北京市石景山區 坐標：116.218639,39.933389 52 [116.217563,39.908539,"魯谷橋"], // 魯谷橋 地址：西五環路立交橋下 坐標：116.217563,39.908539 53 [116.24553,39.863144,"大瓦窯橋西"], // 大瓦窯橋西 地址：北京市豐台區大瓦窯橋東北 坐標：116.24553,39.863144 54 [116.167566,39.778843,"京港澳高速 京良橋下"], // 京港澳高速 京良橋下 地址：北京市豐台區京港澳高速 坐標：116.167566,39.778843 55 [116.43468,39.78898,"德茂橋"], // 德茂橋 地址：北京市大興區 坐標：116.43468,39.78898 56 [116.565089,39.751867,"馬駒橋 北向南"], // 馬駒橋 北向南 地址：通州區 坐標：116.565089,39.751867 57 [116.511144,39.82563,"大羊坊橋下"], // 大羊坊橋下 地址：北京市朝陽區 坐標：116.511144,39.82563 58 [116.407871,39.838702,"大紅門橋"], // 大紅門橋 地址：北京市豐台區 坐標：116.407871,39.838702 59 [116.466657,39.83897,"小紅門橋"], // 小紅門橋 地址：北京市朝陽區 坐標：116.466657,39.83897 60 [116.550604,39.851525,"化工橋"], // 化工橋 地址：北京市朝陽區 坐標：116.550604,39.851525 61 [116.558167,39.87546,"五方橋"], // 五方橋 地址：北京市朝陽區 坐標：116.558167,39.87546 62 [116.428454,39.877377,"玉蜓橋南"], // 玉蜓橋南 南向北 地址：北京市東城區 坐標：116.428454,39.877377 63 [116.28794,39.871523,"豐北橋內環南向北"],// 豐北橋內環南向北 地址：北京市豐台區 坐標：116.28794,39.871523 64 [116.390654,39.895691,"虎坊橋路口"],// 虎坊橋路口 南向北 途徑地鐵：地鐵7號線 坐標：116.390654,39.895691 65 [116.522347,39.914943,"四惠東雙方向"], // 四惠東雙方向 途徑地鐵：地鐵1號線; 地鐵八通線 坐標：116.522347,39.914943 66 [116.315117,39.948745,"紫竹橋東天橋"],// 紫竹橋東天橋 雙向 地址：北京市海淀區 坐標：116.315117,39.948745 67 [116.327758,39.97281,"四通橋南天橋"],// 四通橋南天橋 南向北 地址：海淀區 坐標：116.327758,39.97281 68 [116.496387,39.973307,"酒仙橋北路"],// 酒仙橋北路 地址：坐標：116.496387,39.973307 69 [116.589155,39.97456,"機場第二高速進京方向焦庄橋位置"],// 機場第二高速進京方向焦庄橋位置 地址：北京市朝陽區機場第二高速 坐標：116.589155,39.97456 70 [116.551264,39.929544,"白家樓橋西人行過街燈 雙向"] // 白家樓橋西人行過街燈 雙向 地址：北京市朝陽區 坐標：116.551264,39.929544 71 ]; 72 showCustomMarker(data_info); 73 74 function deletePoint(){ 75 var allOverlay = map.getOverlays(); 76 for (var i = 0; i < allOverlay.length -1; i++){ 77 if(allOverlay[i].getLabel().content == "我是id=1"){ 78 map.removeOverlay(allOverlay[i]); 79 return false; 80 } 81 } 82 } 83 </script>