google maps charge paresseux api v3 jQuery rappel

Question

je le chargement paresseux du javascript v3 api google maps

La documentation indique au sujet de la mise en tant que paramètre de rappel dans l'url le nom de la fonction, qui sera exécutée, lorsque le script a chargé.

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

Je dois donc définir la fonction gmap_draw(). Lorsque j'entoure cette fonction dans le bloc domready, elle n'est pas visible.

Des solutions de contournement de ce problème? (sauf mettre la fonction hors du bloc domready)

Answer 1

Étant donné que le rappel doit être global, vous pouvez en créer un en accédant au window depuis le gestionnaire de disponibilité.

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

Une autre option consiste à utiliser Google Loader:

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