如果新增大量聚合點的時候，請參考如下幾篇文章

https://www.zhihu.com/question/24023333

https://blog.csdn.net/ztop_f/article/details/55256003

百度地圖API 在使用點聚合時，如果放大、縮小或移動地圖時，新增的文字標籤會消失

Makrer

新增marker

let point = new BMap.Point(115.430127, 40.960126);
let myIcon 
 
= new BMap.Icon("../static/images/mark.png", new BMap.Size(86, 90), {
      anchor: new BMap.Size(10, 25),
});
 // 建立標註物件並新增到地圖   
let marker = new BMap.Marker(point, { icon: myIcon });
map.addOverlay(marker);

marker點選事件

marker.addEventListener("click", function(){          
    this.openInfoWindow(infoWindow);   //
 
提示資訊
});

marker.enableDragging(); 
//marker.disableDragging();//不可拖拽

marker.addEventListener("dragend", function (e) {
        var x = e.point.lng; //經度
        var y = e.point.lat; //緯度
        console.log("拖到的地點的經緯度：" + x + "，" + y);
});

標註點（marker）新增點選事件

marker.addEventListener("click", function(){          
    this.openInfoWindow(infoWindow);   //提示資訊
});

文字標註（label） 新增點選事件

label.addEventListener("click", function(){          
    map.openInfoWindow(infoWindow);   //提示資訊   
});

顯示資訊視窗，infoWindow

1.在map上繫結：map.openInfoWindow(infowin,point);

let opts =   {
　　width : 380,     // 資訊視窗寬度
   height: 100,     // 資訊視窗高度
   title : "電池櫃資訊" , // 資訊視窗標題
};
let point = new BMap.Point(lng, lat); 
let info = new BMap.InfoWindow('測試內容', opts);  // 建立資訊視窗物件
that.map.openInfoWindow(info, point);
// 關閉彈窗
// map.closeInfoWindow（）；

2.在marker上新增infoWindow即做法是marker.openInfoWindow(infowin);

　　注意：此方法有問題，每次點選marker時，地圖會自動將視窗平移到地圖中心，這時視窗就消失了。建議用第一種方法

let opts = {
　　width : 380,     // 資訊視窗寬度
　　height: 100,     // 資訊視窗高度
　　title : "電池櫃資訊" , // 資訊視窗標題
};
let info = new BMap.InfoWindow('測試內容', opts);  // 建立資訊視窗物件
marker.openInfoWindow(info)

this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 4); 
this.map.enableScrollWheelZoom(); 

聚合點

1)　新增聚合點有個注意點，給markers賦值前，先清空

this.markers = []
new BMapLib.MarkerClusterer(this.map, {markers: markers});

2)　如果是使用者可以選擇資料，然後再新增聚合點，則需要每次新增聚合點之前都要清楚標註，聚合點

markerClusterer.clearMarkers(this.markerArr);
this.map.clearOverlays();

3）清楚聚合點

markerClusterer.clearMarkers();

刪除標註或者覆蓋物

1.刪除單一marker

marker.remove();

//獲取地圖上所有的覆蓋物
var allOverlay = map.getOverlays();
for(var i = 0;i<allOverlay.length;i++) {
    if(allOverlay[i].toString()=="[object Marker]"){
        if (allOverlay[i].getPosition().lng == longitude(待刪除標註的經度) && allOverlay[i].getPosition().lat == latitude(待刪除標註緯度)) {
　　　　　　　　map.removeOverlay(allOverlay[i]);
    　　}
    }
}            

3. 刪除所有標註或者覆蓋物

map.clearOverlays();

地址開啟百度地圖或者高德地圖

let lat = ''
let lng = ''
let address = address.replace(/\s*/g,"");  
let url ='http://uri.amap.com/markerposition='+lng+','+lat+'&name='+address+'&coordinate=gaode&callnative=1'

http://api.map.baidu.com/geocoder?address=北京市海淀區上地資訊路9號奎科科技大廈&output=html&src=webapp.baidu.openAPIdemo

let bdUrl = 'http://api.map.baidu.com/marker?location='+lat+','+lng+'&title='+address+'&content=test&output=html&src=webapp.baidu.openAPIdemo'
let bdUrl = 'http://api.map.baidu.com/marker?location='+lat+','+lng+'&title=電池位置&content='+address+'&output=html&src=webapp.baidu.openAPIdemo'

<a class="col col-1" href='+bdUrl+' target="_blank" >地址：'+(gps.Location.Address)+'</a>')