使用 jQuery 解析 Google Geo API（反向地理编码）

Question

我确信我不是唯一的一个，但是当 jQuery 接受查找地址的请求时，当请求的数据是纬度和经度时，我无法解析/返回任何内容code> 这样 Google 可以返回数据，但 jQuery 无法读取？

http://maps.googleapis.com/maps/api/geocode/json

带参数：

latlng=51.276914,1.077252
&sensor=false

在 Firebug 中，它显示 200 OK 但响应中没有显示任何内容：

我打开它时可以看到它：http://maps.googleapis.com/maps/api/geocode/json?latlng=51.187296,1.229086&sensor=false&_=1302084865163

我所做的是：

$.ajax(
{
    url: 'http://maps.googleapis.com/maps/api/geocode/json',
    data: 'latlng=' + geolocation + '&sensor=false',
    dataType: 'json',
    cache: false,
    success: function(data){ alert(data); }
});

那不是不起作用... $.get、$.getJSON 和 json dataType 都不起作用。

为什么 jQuery 无法解析/读取响应？

Answer 1

出于安全原因，您需要使用谷歌地理编码器。请参阅此处的答案。

Answer 2

正如 Bjorn 上面所指出的，由于端点位于不同的域上，因此存在安全限制。然而，您不需要使用地理编码器，因为它所做的只是发出 ajax 请求 - 它所做的只是您现在正在做的事情。

正如 Shidhin Cr 上面所指出的，解决安全问题的一种方法是您可以附加callback=?，但真正要做的只是执行 jQuery 可以通过使用“jsonp”dataType 参数自动为您执行的任务。

另外，如果您使用 $.getJSON，它应该会自动注意到这是在远程服务器上，并自动为您将请求升级到 jsonp - 但我可能记得错误，有一些关于与该特定调用相关的 jquery 文档的参数。

无论哪种情况，上述建议都是正确的，只是缺乏细节。

Answer 3

像这样更改数据参数。你可以看到响应正常

data: 'latlng=' + geolocation + '&sensor=false&callback=?'

Answer 4

尝试使用 $.getJSON 来获取结果

示例

var latlng = "40.06125658,-7.745361328";
var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + latlng + "&sensor=false";
$.getJSON(url, function (data) {
    for(var i=0;i<data.results.length;i++) {
        var adress = data.results[i].formatted_address;
        alert(adress);
     }
})