Verwendung von jquery.getJson mit dem GeoCoding HTTP-Dienst von Google

Question

Google bietet eine wunderbare REST-Schnittstelle für die Geokodierung und umgekehrte Geokodierung einer Adresse. Mein API-Schlüssel ist gültig, und wenn ich die Anfrage direkt in die Browser-Adresse eingeben, funktioniert es großartig. Die folgende JQuery schlägt jedoch furchtbar fehl und ich verstehe nicht warum. Ich hoffe, du könntest mir hier helfen.

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

Googles REST-Schnittstelle doc für diesen Dienst: http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

Das hier Problem ist, dass ich nicht die JSONP Rückruf wurde angeben. Der korrekte Code ist wie folgt

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

Answer 2

Aufgrund von Sicherheitseinschränkungen, können Sie nicht eine AJAX-Anforderung an eine URL von einer Seite in einer anderen Domäne senden. Deshalb funktioniert es, wenn Sie die URL im Browser eingeben, aber nicht, wenn Sie versuchen, die Anfrage von Ihrem JavaScript-Code zu machen.

Eine häufige Problemumgehung besteht darin, eine server side component acting as a proxy zu verwenden: Sie empfängt Ihre AJAX-Anforderungen und sendet sie an den Google Geolocator.

Answer 3

fügen Sie eine Fehlerfunktion

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

und versuchen, zu debuggen, wenn es nur ein json bezogener Fehler ist

Answer 4

Ich hatte genau die gleichen Probleme. So konnte ich es letztendlich für mich arbeiten lassen.

see google maps api docs