百度地圖加載多個标記時,如需将所有标記呈現在可視範圍内,需要調整地圖的中心點和縮放尺寸。
如何向百度地圖加标記,百度地圖的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方法對地圖進行調整。