Google maps responsive resize

Question

Windows가 응답 할 때 Google지도의 응답 속도를 높이고 크기를 조정하려고합니다. 나는 다음과 같은 관련 다른 스택 질문에 읽기 : 두 번째 스택 질문 I got a link which helps me with part of the code에서

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

을하지만, 난 여전히 운이 없습니다. 이것은 내가 창 크기를 조정할 때,지도는 모든

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에서 크기를 조정하지 않습니다, 내가 사용하고있는 코드입니다

<div id="map-canvas"/> 

CSS

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

Answer 1

에지도 변수를 이동 이벤트 리스너가 사용할 수있는 범위입니다. initialize() 함수 내에서 맵을 작성 중이므로 그런 식으로 작성할 때 다른 사람이 사용할 수 없습니다.

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); 
});