延遲加載谷歌地圖API V3 jQuery的回調

Question

當我做了谷歌地圖API V3的JavaScript

的文件說，關於把作爲回調的參數中的URL的功能，這將被執行的名字的延遲加載，該腳本已加載。

$(document).ready(function(){ 
    var s = document.createElement("script"); 
    s.type = "text/javascript"; 
    s.src = "http://maps.google.com/maps/api/js?v=3&sensor=true&callback=gmap_draw"; 
    $("head").append(s); 
}); 

所以我必須定義gmap_draw（）函數。

當我把這個函數放在domready塊中時，它是不可見的。

此問題的任何解決方法？ （除了將函數放在準備好的塊之外）

Answer 1

由於回調必須是全局的，因此您可以通過從ready處理程序中訪問window來創建回調。

$(document).ready(function(){ 
    var s = document.createElement("script"); 
    s.type = "text/javascript"; 
    s.src = "http://maps.google.com/maps/api/js?v=3&sensor=true&callback=gmap_draw"; 
    window.gmap_draw = function(){ 
     alert ("Callback code here"); 
    }; 
    $("head").append(s); 
}); 

Answer 2

另一種選擇是使用Google Loader：

$.getScript('https://www.google.com/jsapi', function() 
{ 
    google.load('maps', '3', { other_params: 'sensor=false', callback: function() 
    { 
     // Callback code here 
    }}); 
});