我正在尝试对Google Maps Distance Matrix API进行jQuery $ .ajax调用,但由于跨域安全问题,这不起作用。
我正在使用以下ajax调用:
$.ajax({
url:
'https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins='+start+'&destinations='+end+'&key=MY_KEY',
dataType: 'json',
cache: false,
crossDomain: true,
success: function(data) {
console.log(data);
}.bind(this),
error: function(xhr, status, err) {
console.error('https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins='+start+'&destinations='+end+'&key=MY_KEY', status, err.toString());
}.bind(this)
});
我收到以下错误:
阻止跨源请求:同源策略禁止在https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins=delhi&destinations=jaipur&key=MY_KEY读取远程资源。 (原因:缺少CORS标题'Access-Control-Allow-Origin'。
我已经阅读了几乎所有可能的解决方案来解决这个问题。 甚至尝试改变dataType:'jsonp',但它对我有用。 在将数据类型更改为“jsonp”时,我收到以下解析错误。
parsererror错误:未调用jQuery18208230966408134822_1475687832399
有人可以帮我修理一下。谢谢。