Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript获取google api URL内容_Javascript_Google Maps Api 3 - Fatal编程技术网

如何使用javascript获取google api URL内容

如何使用javascript获取google api URL内容,javascript,google-maps-api-3,Javascript,Google Maps Api 3,如何在javascript中使用此URL的数据?对于本机js,下面是执行get请求并获取json数据的代码(在xhr.responseText中) 最简单、最有效的方法是使用一个流行的开源库,比如它有一个方法可以从Google异步检索数据,然后你可以在应用程序中进一步使用javascript解析和处理这些数据 代码将类似于 $.ajax('http://maps.googleapis.com/maps/api/distancematrix/json?origins=' + '伦敦和目的地=驾驶模


如何在javascript中使用此URL的数据?

对于本机js,下面是执行get请求并获取json数据的代码(在xhr.responseText中)


最简单、最有效的方法是使用一个流行的开源库,比如它有一个方法可以从Google异步检索数据,然后你可以在应用程序中进一步使用javascript解析和处理这些数据

代码将类似于

$.ajax('http://maps.googleapis.com/maps/api/distancematrix/json?origins=' +
'伦敦和目的地=驾驶模式=驾驶语言=英语和传感器=错误'{
成功:功能(响应){
控制台日志(响应);
//处理返回的JSON(包含在此处的“响应”中)。
}
});
另外值得注意的是,您将从请求中获得一个
访问控制允许来源
错误,这将阻止它返回任何数据,除非您在查询字符串中也提到您的API密钥(用
附加到URL)


我鼓励您进一步阅读AJAX和API。我相信这会很有帮助。

检查此链接。希望这能指导您。

如果兄弟我使用了此方法,但有点冗长。我只需要两个地点之间的行驶距离,然后我必须存储和排序,并在多个地点之间获得最短距离。这就是为什么我使用这个简短的方法。
var xhr = new XMLHttpRequest();
var url = 'http://maps.googleapis.com/maps/api/distancematrix/json?origins=London&destinations=drove&mode=driving&language=en&sensor=false';
xhr.open('GET', url);
xhr.onreadystatechange = function (data) {
    console.log(JSON.parse(xhr.responseText));
}
xhr.send();