天天看点

百度地图加载多个标记

百度地图加载多个标记时,如需将所有标记呈现在可视范围内,需要调整地图的中心点和缩放尺寸。

如何向百度地图加标记,百度地图的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方法对地图进行调整。