天天看點

百度地圖加載多個标記

百度地圖加載多個标記時,如需将所有标記呈現在可視範圍内,需要調整地圖的中心點和縮放尺寸。

如何向百度地圖加标記,百度地圖的javascript API文檔有說明,這裡主要總結如何設定多個标記情況下的中心點和縮放比例。

var points = new Array();  
for (var i = 0; i < data.length; i++) {  
    var point = new BMap.Point(data.longitude, data.latitude);  
    points.push(point);  
}  
  
var view = map.getViewport(points);  
map.centerAndZoom(view.center, view.zoom);  
           

将所有标記的點組裝到數組中,通過調用map的getViewport方法,其傳回值的center和zoom屬性就是适應所有标記點的中心點和縮放尺寸,最後通過centerAndZoom方法對地圖進行調整。