Angularjs 角度和谷歌距离矩阵无访问控制标头

我要走了

无法加载XMLHttpRequest . 请求的服务器上不存在“Access Control Allow Origin”标头 资源

在我的angular应用程序中。我对google距离矩阵的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){

                    });

---

我允许在google api控制台中设置网站url，但它仍然不起作用。

你无能为力，因为CORS头应该在google后端服务器上设置

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