title: Google Maps V3 async gives error
body: <p>For a website I'm trying to load the Google Maps script async, because it makes some browser (Firefox) ignore scrolling before all the scripts are loaded from Google.</p>
  
  <p>I looked at the google developers docs and used their script.
  <a href="https://developers.google.com/maps/documentation/javascript/examples/map-simple-async" rel="nofollow">https://developers.google.com/maps/documentation/javascript/examples/map-simple-async</a>
  works all perfect as long as you place it inside a <code>&lt;script&gt;</code> tag in your index.html.</p>
  
  <p>But when I place this code for example in my main.js file it isn't working anymore.
  Example: <a href="http://jsfiddle.net/693xK/" rel="nofollow">http://jsfiddle.net/693xK/</a></p>
  
  <p>Then I found this example on jsfiddle which seems to work:
  <a href="http://jsfiddle.net/doktormolle/7cu2F/" rel="nofollow">http://jsfiddle.net/doktormolle/7cu2F/</a>
  But over here the same problem. When I place it inside of my main.js file Google Maps isn't showing up. Everything is global. I get the following error but I don't understand what to do about it. I googled the error message but haven't had any luck.</p>
  
  <pre><code>TypeError: window.initialize is not a function
  </code></pre>