Google maps 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公里分開後，我得到這樣的結果：

雖然我想呈現一個較高的水平放大。

喜歡這個

我使用的方法fitBounds（）

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

感謝您的支持

Answer 1

這是因爲LatLngBounds()用不了兩個任意點作爲參數，但SW和NE點

使用.extend()方法上的空界限對象在http://jsfiddle.net/gaby/22qte/

Answer 2

LatLngBounds

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

演示必須與（西南，東北）順序點來定義。你的積分不是這個順序。

一般的修復，特別是如果你不知道該點肯定會按照這個順序，是延長一個空的界限：

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

的API將整理出界。

Answer 3

我有同樣的問題，你描述，雖然我正在建立我的LatLngBounds上面提出的建議。問題是，事情是異步和在錯誤的時間調用map.fitBounds()可能會離開你的結果就像在問： 我發現最好的辦法是撥打電話空閒處理程序是這樣的：

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

Answer 4

var map = new google.maps.Map(document.getElementById("map"),{ 
       mapTypeId: google.maps.MapTypeId.ROADMAP 

      }); 
var bounds = new google.maps.LatLngBounds(); 

for (i = 0; i < locations.length; i++){ 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
      map: map 
     }); 
bounds.extend(marker.position); 
} 
map.fitBounds(bounds);