只有當我的應用程序是navigator.onLine時，如何加載google maps API？

Question

如何添加一些JavaScript只加載谷歌地圖API：

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

見Asynchronous Loading topic在Google Maps API v3 Documentation。

您可能也有興趣Google Maps API v3: Developing for Mobile Devices