faul Last Google Maps API v3 jQuery Rückruf

Question

ich faul Laden der Google Maps API v3 Javascript

Die Dokumentation sagt etwa als Callback-Parameter in der URL der Funktion den Namen setzen, der ausgeführt wird, wenn Das Skript wurde geladen.

$(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); 
}); 

Also muss ich die gmap_draw() -Funktion definieren.

Wenn ich diese Funktion im domready Block umschließe, ist es nicht sichtbar.

Problemumgehungen dieses Problems? (außer dass die Funktion aus dem domready-Block entfernt wird)

Answer 1

Da der Callback global sein muss, können Sie einen Aufruf vornehmen, indem Sie innerhalb des Ready-Handlers auf window zugreifen.

$(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

Eine weitere Option ist Google Loader zu verwenden:

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