Google haritalar duyarlı yeniden boyutlandırma

Question

Pencereleri yeniden boyutlandırırken merkezini korurken google haritalarını yanıtlamaya ve yeniden boyutlandırmaya çalışıyorum. Ben gibi ilgili diğer yığın soru okuyun: İkinci yığın soru I got a link which helps me with part of the code den

Responsive Google Map? ve Center Google Maps (V3) on browser resize (responsive)

ama yine de başarısız. Bu pencereyi yeniden boyutlandırmak zaman, haritalar tüm

function initialize() { 
     var mapOptions = { 
     center: new google.maps.LatLng(40.5472,12.282715), 
     zoom: 6, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var 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); 
    }); 

html de boyutlandırmak gelmez, ben kullanıyorum kodudur

<div id="map-canvas"/> 

css

html { height: 100% } 
body { height: 100%; margin: 0; padding: 0 } 
#map-canvas { height: 100% } 

Answer 1

içine harita değişkeni Taşı Olay dinleyicisinin kullanabileceği bir kapsam. Haritayı, initialize() işlevinizin içinde oluşturuyorsunuz ve bu şekilde oluşturulduğunda başka hiçbir şey kullanamazsınız.

var map; //<-- This is now available to both event listeners and the initialize() function 
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); 
});