Fit Baidu map to multiple markers like Google Maps fitBounds

3.1k Views Asked by At

Is there an equivalent in Baidu like fitBounds in GoogleMap? I have multiple markers on a Baidu map and I would like to show all the markers with the proper positioning and zoom level.

3

There are 3 best solutions below

0
On

Just stumbling upon this thread. The answer to this question is:

var points = [Point_1,...,Point_n];
map.setViewport(points);

points is simply an array containing objects of type BMap.Point that you want within the map viewport.

Docs: http://developer.baidu.com/map/reference/index.php?title=Class:%E6%80%BB%E7%B1%BB/%E6%A0%B8%E5%BF%83%E7%B1%BB

0
On

It is possible to show multiple markers on Baidu Map.

Check their example here

I have displayed Baidu Map with an area of 230x125 so I have shown the China on the area like below:

var map     = new BMap.Map("id_of_map_loading_area");
var point   = new BMap.Point(101.841797,35.433724); //China on the center of the area
map.centerAndZoom(point,3);  // Change value 3 to see difference
map.enableScrollWheelZoom(); // Zoom effect to the map using mouse.
0
On

Although this answer worked for me, with the change of direct latlng object instead of BMap.Point object to make it work.