carico pigro mappe google API v3 jQuery richiamata

Question

faccio lazy loading delle API v3 google maps javascript

La documentazione dice di mettere come parametro di callback nell'URL il nome della funzione, che verrà eseguito, quando lo script è caricato.

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

Quindi devo definire la funzione gmap_draw().

Quando accludo questa funzione nel blocco domready, non è visibile.

Eventuali soluzioni alternative di questo problema? (eccetto per disattivare la funzione dal blocco domready)

Answer 1

Poiché il callback deve essere globale, è possibile crearne uno accedendo a window dal gestore pronto.

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

Un'altra opzione è quella di utilizzare Google Loader:

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