Google지도 V3 async에서 오류가 발생했습니다

Question

웹 사이트의 경우 Google에서 모든 스크립트를로드하기 전에 일부 브라우저 (Firefox)에서 스크롤을 무시하므로 비동기 Google Maps 스크립트를로드하려고합니다.

Google 개발자 문서를보고 스크립트를 사용했습니다. https://developers.google.com/maps/documentation/javascript/examples/map-simple-async 은 index.html의 <script> 태그 안에 넣으면 완벽하게 작동합니다.

하지만이 코드를 예를 들어 main.js 파일에 넣으면 더 이상 작동하지 않습니다. 예 : http://jsfiddle.net/doktormolle/7cu2F/ 그러나 이상 여기에 같은 문제 :

http://jsfiddle.net/693xK/은 그 때 나는 작동하는 것 같다 jsfiddle에이 예제를 발견했다. 내 main.js 파일 안에 배치하면 Google지도가 표시되지 않습니다. 모든 것이 글로벌입니다. 나는 다음과 같은 오류가 발생하지만 그것에 대해 무엇을해야하는지 이해하지 못합니다. 나는 오류 메시지를 봤지만 아무런 운이 없었어요.

TypeError: window.initialize is not a function 

Answer 1

당신은 당신의 #map-canvas에 폭과 높이를 추가 할 수없는 것입니다. 당신이 (프레임 워크에서, 왼쪽 모서리 & 확장) 그래서 머리를 감싸

#map-canvas{ 
    width:500px; 
    height:500px; 
} 

확인이 updated JSFiddle을 window.onload = loadScript;을 사용하고 있기 때문에 또한 나는 당신의 바이올린을 확인.