usando jquery.getJson con el servicio HTTP GeoCoding de Google

Question

Google ofrece una maravillosa interfaz REST para geocodificar y geocodificar de forma inversa una dirección. Mi clave API es válida, y si ingreso la solicitud directamente en la dirección del navegador, funciona muy bien. Sin embargo, el siguiente jquery falla terriblemente y no veo por qué. Espero que puedas ayudarme aquí.

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

doc interfaz REST de Google para este servicio: http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

El problema aquí es que no estaba especificando la devolución de llamada JSONP. El código correcto es el siguiente

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

Answer 2

Debido a las restricciones de seguridad, no puede enviar una petición AJAX a una dirección URL de una página en un dominio diferente. Es por eso que funciona si ingresas la URL en el navegador, pero no si intentas realizar la solicitud desde tu código de JavaScript.

Una solución común es utilizar un server side component acting as a proxy: recibe sus solicitudes de AJAX y las envía al geolocalizador de google.

Answer 3

añadir una función de error

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

y tratar de depurar si es sólo un error relacionado con JSON

Answer 4

Tuve exactamente el mismo problema. Así es como pude finalmente lograr que funcionara para mí.

see google maps api docs