发送AJAX请求以获取Google地图指示时出错（访问标头）

我正在尝试使用Google地图的路线API获取路线，但我收到了错误消息：

请求的资源上不存在“Access-Control-Allow-Origin”标头。 因此，不允许来源“ http://irfanknow.com ”访问。

我尝试使用https是协议和jsonp作为数据类型，但似乎都没有解决它。 我究竟做错了什么？

这是我的代码：

$.ajax({ url: 'https://maps.googleapis.com/maps/api/directions/json?origin='+encodeURI(from)+'&destination='+encodeURI(to)+'&key=AIzaSyA-DmsaUVTWZgzqd43J5lMWIgUcIiIfIlo', dataType: 'json', jsonp: 'callback', method: 'GET', success: function(directionsResults){ console.log(directionsResults); } }); 

Answer 1

启用路线API并阅读文档（ https://developers.google.com/maps/documentation/javascript/directions ）后，您可以执行以下操作。 这将设置芝加哥的地图中心，并提供从芝加哥到波士顿的路线。

 var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map; function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var chicago = new google.maps.LatLng(41.850033, -87.6500523); var mapOptions = { zoom:7, center: chicago } map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); directionsDisplay.setMap(map); } function calcRoute() { var start = 'Chicago'; var end = 'Boston'; var request = { origin:start, destination:end, travelMode: google.maps.TravelMode.DRIVING }; directionsService.route(request, function(result, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(result); } }); }