javascript - アプリが navigator.onLine の場合にのみ Google マップ API をロードする方法は?

Question

GoogleマップAPIのみをロードするJavaScriptを追加するにはどうすればよいですか:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

アプリがオンラインになったとき ( navigator.onLine == true)?

Answer 1

動的スクリプト挿入を使用します。

if(navigator.onLine) {
  var script = document.createElement('script');
  //You must use the callback parameter when loading the script asynchronously
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=initialize';
  var scripts = document.getElementsByTagName('script');
  scripts[0].parentNode.insertBefore(script, scripts[0]);
}

function initialize() {
  //initialize map here
}

Google Maps API v3 ドキュメントの非同期読み込みのトピックを参照してください。

また、 Google Maps API v3: モバイル デバイス向けの開発にも興味があるかもしれません。