如何使用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();