将 jquery.getJson 与 Google 的地理编码 HTTP 服务结合使用

Question

Google 提供了一个出色的 REST 接口，用于对地址进行地理编码和反向地理编码。 我的 API 密钥是有效的，如果我直接将请求输入到浏览器地址中，效果会很好。 然而，下面的 jquery 失败得很厉害，我不明白为什么。 希望你能在这里帮助我。

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

此服务的 Google REST 接口文档：http://code.google.com /apis/maps/documentation/geocoding/index.html

Answer 1

这里的问题是我没有指定 JSONP 回调。 正确的代码如下

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

Answer 2

由于安全限制，您无法从不同域中的页面向 URL 发送 AJAX 请求。 这就是为什么当您在浏览器中输入 URL 时它会起作用，但如果您尝试从 javascript 代码发出请求则不起作用。

常见的解决方法是使用服务器端组件充当代理：接收您的 AJAX 请求并将它们发送到 google 地理定位器。

Answer 3

添加错误函数

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

并尝试调试是否只是 json 相关错误

Answer 4

我也遇到了同样的麻烦。 这就是我最终让它为我工作的方式。

查看 Google 地图 API 文档