tải lười biếng bản đồ google api v3 jQuery callback

Question

tôi làm lười tải các bản đồ google api v3 javascript

Các tài liệu nói về việc đặt như một tham số callback trong url tên của hàm, mà sẽ được thực hiện, khi tập lệnh đã được tải.

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

Vì vậy, tôi phải xác định hàm gmap_draw().

Khi tôi đính kèm hàm này trong khối domready, nó không hiển thị.

Bất kỳ giải pháp nào cho vấn đề này? (ngoại trừ việc đặt chức năng ra khỏi khối domready)

Answer 1

Vì cuộc gọi lại phải là toàn cầu, bạn có thể thực hiện một cuộc gọi bằng cách truy cập window từ bên trong trình xử lý sẵn sàng.

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

Một lựa chọn khác là sử dụng Google Loader:

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