sử dụng jquery.getJson với Dịch vụ HTTP GeoCoding của Google

Question

Google cung cấp giao diện REST tuyệt vời để mã hóa địa lý và mã hóa địa lý đảo ngược địa chỉ. Khóa API của tôi là hợp lệ và nếu tôi nhập yêu cầu trực tiếp vào địa chỉ trình duyệt, nó hoạt động tốt. Tuy nhiên, jquery sau thất bại khủng khiếp và tôi không thấy lý do tại sao. Hy vọng bạn có thể giúp tôi ở đây.

$.getJSON("http://maps.google.com/maps/geo?q="+ address+"&key="+apiKey+"&sensor=false&output=json", 
    function(data, textStatus){ 
    console.log(data); 
    }); 

REST của giao diện doc của Google cho dịch vụ này: http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

Vấn đề ở đây là tôi đã không được quy định cụ thể gọi lại JSONP. Mã đúng là như sau

$.getJSON("http://maps.google.com/maps/geo?q="+ address+"&key="+apiKey+"&sensor=false&output=json&callback=?", 
    function(data, textStatus){ 
    console.log(data); 
    }); 

Answer 2

Do hạn chế bảo mật, bạn không thể gửi một yêu cầu AJAX đến một URL từ một trang trong một tên miền khác. Đó là lý do tại sao nó hoạt động nếu bạn nhập URL trong trình duyệt, nhưng không phải nếu bạn cố gắng thực hiện yêu cầu từ mã javascript của mình.

Cách giải quyết phổ biến là sử dụng server side component acting as a proxy: nó nhận được yêu cầu AJAX của bạn và gửi chúng đến trình định vị địa lý của google.

Answer 3

thêm một hàm lỗi

  error: function(xhr, ajaxOptions, thrownError) { 
      alert("Ajax Error: " + xhr.status + "\nMsg: " + xhr.responseText); 
     } 

và cố gắng để gỡ lỗi nếu nó chỉ là một lỗi liên quan json

Answer 4

Tôi gặp sự cố tương tự. Đây là cách tôi cuối cùng có thể làm cho nó hoạt động cho tôi.

see google maps api docs