谷歌地图API V3方法fitBounds（）

Question

我有这段代码来渲染地图。

function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(45.4555729, 9.169236),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP,

panControl: true,
mapTypeControl: false,
panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.RIGHT_CENTER
},
scaleControl: false,
streetViewControl: false,
streetViewControlOptions: {
    position: google.maps.ControlPosition.RIGHT_CENTER
            }
        };
    var map = new google.maps.Map(document.getElementById("mapCanvas"),
        myOptions);



var Item_1 = new google.maps.LatLng(45.5983128 ,8.9172776);

var myPlace = new google.maps.LatLng(45.4555729, 9.169236);

var marker = new google.maps.Marker({
    position: Item_1, 
    map: map});

var marker = new google.maps.Marker({
    position: myPlace, 
    map: map});

var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
map.fitBounds(bounds);

    }

即使两个点距离为25 km，我也会得到以下结果：

而我想渲染更高级别的缩放。

这样地

我使用fitBounds（）方法

    var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
    map.fitBounds(bounds);

谢谢你的支持

Answer 1

我有你描述的同样的问题，尽管我正在建立我的LatLngBounds，正如上面提到的。问题是事情是异步的，在错误的时间调用map.fitBounds（）可能会导致类似于Q的结果。我发现最好的方法是将调用放在一个空闲处理程序中，如下所示：

google.maps.event.addListenerOnce(map, 'idle', function() {
    map.fitBounds(markerBounds);
});

Answer 2

必须以（西南，东北）顺序定义点。你的分数不是按照那个顺序。

一般的解决方法是扩展一个空边界，特别是如果您不知道点的顺序肯定是这样的：

var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);

API将对边界进行排序。

Answer 3

这是因为LatLngBounds（）不将两个任意点作为参数，而是将SW和NE点作为参数

对空边界对象使用.extend（）方法

var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);

演示http://jsfiddle.net/gaby/22qte/