Googleマップは、ウィンドウのサイズに基づいて異なるズームを設定しました

Question

私の前の質問Google maps responsive resizeに従って、私はWindowsのサイズ変更に基づいて異なるズームレベルを実装したいので、自動的に別のズームレベルを適用します。

次のコードは、Windows上でマップをセンタリングするの点で完璧に動作しますが、サイズ変更、私はそれに新しいズームレベルを適用する必要があります。

var map; 
function initialize() { 
    var mapOptions = { 
    center: new google.maps.LatLng(40.5472,12.282715), 
    zoom: 6, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
google.maps.event.addDomListener(window, "resize", function() { 
    var center = map.getCenter(); 
    google.maps.event.trigger(map, "resize"); 
    map.setCenter(center); 
    map.setZoom(zoom level needs to be automatically set according to window size); 
}); 

Answer 1

あなたは常に作成することにより、ビューになりたいエリアを構築LatLngBoundsとgeocodezipで提案されているようにmap.fitBounds()を呼び出してください。