za pomocą jquery.getJson z usługą Google GeoCoding HTTP

Question

Google oferuje wspaniały interfejs REST do geokodowania i odwrotnego geokodowania adresu. Mój klucz API jest ważny i jeśli zgłoszę żądanie bezpośrednio na adres przeglądarki, działa on świetnie. Jednak następujące jquery nie jest straszne i nie rozumiem, dlaczego. Mam nadzieję, że możesz mi pomóc tutaj.

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

interfejs REST doc Google dla tej usługi: http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

Problem polega na tym, że nie określając zwrotnego jsonp. Prawidłowy kod jest następujący:

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

Answer 2

ze względów bezpieczeństwa, nie można wysyłać żądania AJAX do adresu URL ze strony w innej domenie. Dlatego działa po wpisaniu adresu URL w przeglądarce, ale nie w przypadku próby przesłania żądania z kodu javascript.

Typowym rozwiązaniem jest użycie numeru server side component acting as a proxy: otrzymuje on żądania AJAX i wysyła je do geolokatora google.

Answer 3

dodać funkcji błędu

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

i spróbuj do debugowania, jeśli jest to tylko błąd json związane

Answer 4

Miałem dokładnie ten sam problem. W ten sposób udało mi się w końcu sprawić, by zadziałało dla mnie.

see google maps api docs