すべてのスクリプトが Google から読み込まれる前に一部のブラウザ (Firefox) がスクロールを無視するため、Web サイトで Google マップ スクリプトを非同期に読み込もうとしています。
Google 開発者向けドキュメントを見て、そのスクリプトを使用しました。
https://developers.google.com/maps/documentation/javascript/examples/map-simple-async<script>
は、index.html
のタグ内に配置する限り、すべて完璧に機能します。
しかし、たとえばこのコードを main.js ファイルに配置すると、機能しなくなります。例: http://jsfiddle.net/693xK/
次に、動作しているように見える jsfiddle でこの例を見つけました: http://jsfiddle.net/doktormolle/7cu2F/ しかし、ここでも同じ問題があります。main.js ファイル内に配置すると、Google マップが表示されません。すべてがグローバルです。次のエラーが表示されますが、どうすればよいかわかりません。エラーメッセージをグーグルで検索しましたが、運がありませんでした。
TypeError: window.initialize is not a function