javascript - $.getJSON 停止在谷歌地图 api 距离矩阵中工作

Question

这真的很奇怪，因为我有这个代码几个月来工作正常，但自上周以来我不能再使用它了。代码始终相同:

   $.getJSON("http://maps.googleapis.com/maps/api/distancematrix/json?origins="+origin+"&destinations="+destinations+"&mode=walking&language=es-ES&sensor=false", function(datos) {
            alert("hello");
                    // code
            }
        });

我什至看不到“你好”警报。但我可以看到json代码，这是一个例子:Example

那么，这可能是问题所在？

Answer 1

当它能工作几个月时，这对你来说没什么问题，但你的错误在于依赖了一个你不能依赖的事实。

您正在请求 DistanceMatrix-Webservice通过 Javascript，但您忽略了文档中的此注释:

希望在 JavaScript 应用程序中使用此服务？查看DistanceMatrixService Google Maps API v3 的类。

Web服务不支持JSONP，并且他当前没有发送适当的Access-Control-Allow-Origin-header(这是您确实依赖的事实，并且是访问所必需的)通过 AJAX 发送此服务，但文档没有说将发送此 header )，因此无法通过 AJAX/Javascript 可靠地请求此服务。

在 google-chrome 中，控制台例如会告诉你这个:
XMLHttpRequest 无法加载 [URL]。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问源“[URL]”。