JSONP和谷歌地图方向API

JSONP and Google Maps Directions API

本文关键字：API 方向 谷歌地图 JSONP      更新时间：2024-01-19

我正在尝试使用jquery$.ajax.访问Google地图方向API

我可以在我的开发工具中看到XHR请求已经完成，但我认为jquery Ajax处理JSON.parse的方式存在问题。

这是我的代码：

http://codepen.io/jrdnndtsch/pen/Byrxxo

$.ajax({
  url:'https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&&callback=?&sensor=false',
  type: 'GET',
  dataType: 'jsonp',
  success: function(data){
    console.log("it worked");
    console.log(data);
  }
});

所以，URL是正确的——我甚至可以在开发工具中看到它的数据，但我得到了这个错误：

Uncaught SyntaxError: Unexpected token :

我已经用谷歌搜索了我的大脑，真的需要一些下一步该去哪里的方向。有什么帮助吗？

看起来url正在根据您发送的内容进行修改，以便在末尾添加一个"：2"，这是错误的来源，而不是返回的JSON。但不确定为什么会发生这种情况。我知道这不是一个真正的答案，但它至少回答了为什么会发生这种错误。

编辑：

我认为你需要一个API密钥来接受你的代码编写方式的json，否则你会得到跨域问题

$.ajax({
  url:'https://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&&callback=?&sensor=false&key=YOUR-API-KEY',
  type: 'GET',
  dataType: 'json'
})
.done(function(data){
    console.log("it worked");
    console.log(data);
});
相关文章：