Question

我正在

XMLHttpRequest无法加载 https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins=bl79yt&destinations=cw73bz&key=mykey。 No＆＃39; Access-Control-Allow-Origin＆＃39;标题出现在请求的上资源。

在我的角度应用中。我对谷歌距离矩阵的http请求如下：

 var url = 'https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins=' + pcodefrom + '&destinations=' + pcodeto + '&key=mykeyhere';
  console.log(url);
     $http({method: 'GET', url: url,headers: {
            "X-Content-Type-Options": "nosniff",
            "X-Frame-Options": "SAMEORIGIN",
            "X-Rack-CORS": "preflight-hit; no-origin"
        }}).success(function(data) {
            };
                    }).error(function(data){

                    });

我已经在谷歌api控制台中允许网站网址，但它仍然无效。

Answer 1

您无能为力，因为应在Google后端服务器上设置CORS标头。

为避免出现CORS问题，您应使用Google Maps JavaScript API的距离矩阵服务：

https://developers.google.com/maps/documentation/javascript/distancematrix

角度和谷歌距离矩阵没有访问控制头

1 个答案: