javascript - 如何在 MapQuest 中正确缩放到边界？

Question

我正在尝试使用 MQA.TileMap.zoomToRect 设置给定边界框的视口(viewport)。

var cust;
var rect = new MQA.RectLL();
for (var i = 0, len = custs.length; i < len; i++) {
    cust = custs[i];
    poi = new MQA.Poi({lat:cust.lat, lng:cust.lng});
    map.addShape(poi); // This works
    rect.extend(poi.latLng); // Does nothing to `rect'.
}
map.zoomToRect(rect, false); // This fails

lr 和 ul 属性的 rect 值似乎都保持为 0,0。该调用在 firebog 中产生以下输出

"NetworkError: 500 Internal Server Error - http://coverage.mqcdn.com/coverage?format=json&jsonp=MQA._covCallback&loc=NaN,NaN,NaN,NaN&zoom=2&projection=sm&cat=map%2Chyb%2Csat"

编辑:我在示例中添加了注释，添加形状效果很好，因此 poi 对象很好，检查 poi.latLng 也很好。

Answer 1

如果将 POI 放入集合中，则可以使用集合 getBoundingRect method .

示例:

var collection = new MQA.ShapeCollection();
collection.add( new MQA.Poi( { lat: 0, lng: 0 } ) ); 
collection.add( new MQA.Poi( { lat: 100, lng: 100 } ) );

map.zoomToRect( collection.getBoundingRect() );

编辑没有

就不行

<script
src="http://www.mapquestapi.com/sdk/js/v7.2.s/mqa.toolkit.js?key=<YOURKEY>"></script>