javascript - 如何缩放 bing map 以显示一组纬度/经度点？

Question

我正在使用 Bing Maps v7 控件。

我有一组纬度/经度点。 (类型 Microsoft.Map.Location )

从那个数组，我可以生成一个矩形，以及矩形的中心，使用 LocationRect.fromLocations()

使用 Map 构造函数创建 map 时，我可以使用该矩形的中心使 map 居中。它看起来像这样:

    var LLA = [
       new Microsoft.Maps.Location(43.386,-111.6123),
       new Microsoft.Maps.Location(43.4929, -112.0349),
       new Microsoft.Maps.Location(43.2609,-115.7811),
       ...
    ];
    var r = Microsoft.Maps.LocationRect.fromLocations(LLA);
    var mapOptions = {
        credentials : bingMapsKey,
        center      : r.center,
        mapTypeId   : Microsoft.Maps.MapTypeId.road,
        zoom        : 7
    },
    elt = document.getElementById('out2');
    var map = new Microsoft.Maps.Map(elt, mapOptions);

这行得通，创建的 map 以这些点为中心。如何设置 Bing map 的缩放级别以使其显示整个矩形？

参见此处:http://jsfiddle.net/MQ76x/

Answer 1

忘记传递 center/zoom 和 pass the rectangle as bounds instead :

var mapOptions = {
  credentials : bingMapsKey,
  bounds      : r, // <-- HERE
  mapTypeId   : Microsoft.Maps.MapTypeId.road
}