chargement paresseux google maps api v3 rappel de jQuery

Je ne paresseux chargement de l'api google maps v3 javascript

La documentation dit à propos de mettre un rappel paramètre dans l'url le nom de la fonction qui sera exécutée, quand le script est 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);
 });

Donc je doit définir le gmap_draw() fonction.

Lorsque je joins à cette fonction dans le domready bloc, il n'est pas visible.

Des solutions de contournement de ce problème ? (à l'exception de mettre la fonction hors de la domready bloc)

source d'informationauteur astropanic | 2010-11-05

  1. 21

    Parce que la fonction de rappel doit être globale, vous pourriez faire un en accédant à window de l'intérieur le prêt gestionnaire.

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

    Une autre option est d'utiliser Google Chargeur:

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