加載Google地圖API後執行功能

Question

我有以下基本加載Google Maps API的腳本。這來自他們的文檔。

function loadScript() { 
     var script = document.createElement('script'); 
     script.type = 'text/javascript'; 
     script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' + 'callback=initialize'; 
     document.body.appendChild(script); 
} 

window.onload = loadScript; 

現在我的問題是，我有一個名爲的GetMap（），它基本上使用API​​來生成一個谷歌地圖一個單獨的功能，但該功能保持API的加載之前發射，結果只有地圖例如，如果我有一個按鈕來加載它，或者如果我做了一個警報。我怎樣才能解決這個問題？我試過推遲主要的腳本文件。我已經嘗試使用document.load和vica中的函數將以上內容添加到document.ready中。這些都沒有奏效。

Answer 1

你已經包含在URL中的callback參數，所有你需要做的是包括以下功能：

function loadScript() { 
     var script = document.createElement('script'); 
     script.type = 'text/javascript'; 
     script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=initialize'; 
     document.body.appendChild(script); 
} 

function initialize() { 
    alert("Map loaded, do some other stuff..."); 
} 

window.onload = loadScript;