carga perezosa Google Maps API v3 jQuery devolución de llamada

Question

hago carga lenta de la versión 3 del API de Google Maps JavaScript

La documentación dice acerca de poner como un parámetro de devolución de llamada en la url el nombre de la función, que será ejecutado, cuando el script se ha cargado

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

Debo definir la función gmap_draw().

Cuando encierre esta función en el bloque domready, no estará visible.

¿Alguna solución alternativa de este problema? (excepto al poner la función fuera del bloque domready)

Answer 1

Como la devolución de llamada debe ser global, puede hacer una accediendo a window desde el controlador de listo.

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

Otra opción es utilizar Google Loader:

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