en utilisant jquery.getJson avec le service HTTP GeoCoding de Google

Question

Google offre une magnifique interface REST pour le géocodage et le géocodage inversé d'une adresse. Ma clé API est valide et si j'entre la demande directement dans l'adresse du navigateur, cela fonctionne très bien. Cependant, la jquery suivante échoue terrible et je ne vois pas pourquoi. En espérant que tu pourrais m'aider ici.

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

Interface REST de Google doc pour ce service: http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

Le problème ici est que je ne le rappel JSONP spécifiant. Le code correct est le suivant

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

Answer 2

En raison des restrictions de sécurité, vous ne pouvez pas envoyer une requête AJAX à une URL d'une page dans un autre domaine. C'est pourquoi cela fonctionne si vous entrez l'URL dans le navigateur, mais pas si vous essayez de faire la demande à partir de votre code javascript.

Une solution de contournement consiste à utiliser un server side component acting as a proxy: il reçoit vos demandes AJAX et les envoie au géolocalisateur google.

Answer 3

ajouter une fonction d'erreur

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

et essayer de déboguer si elle est juste une erreur liée à JSON

Answer 4

J'ai eu le même problème. C'est ainsi que j'ai réussi à le faire fonctionner pour moi.

see google maps api docs