0

我需要将折线捕捉到道路上，并且我从谷歌找到了一个非常有效的示例。我稍微调整了一下，然后我从 JavaScript 中得到一个 NetworkError，说响应标头没有“Access-Control-Allow-Origin”标头。如果我responseText从我的 XHR 检查，它会给我标准的 Google 404 页面。

问题是，如果 Roads API 不允许跨域请求，我应该如何使用它？

代码：

getSnappedPoints: function (path) { //path is an array of latlng
    var xhr = new XMLHttpRequest();
    var snappedCoords = new Array();
    var pathValues = new Array();
    for (var i = 0; i < path.getLength(); i++)
        pathValues.push(path.getAt(i).toUrlValue());

    console.log(pathValues.join("|"));
    xhr.open("GET", "https://roads.googleapis.com/v1/snapToRoads?interpolate=true&path=" + pathValues.join("|") + "&key=MY_API_KEY", false);
    xhr.send();
    for (var i = 0; i < JSON.parse(xhr.responseText).snappedPoints.length; i++)
        snappedCoords.push(new google.maps.LatLng(JSON.parse(xhr.responseText).snappedPoints[i].location.latitude, JSON.parse(xhr.responseText).snappedPoints[i].location.longitude));
    return snappedCoords;
}

（“MY_API_KEY”就在那里，因为我不希望任何人使用我的配额，我已经用我的浏览器密钥替换了它。）

4

1 回答 1

2

它适用于文档，https:如果我尝试在httpsusinghttp:或http:using时从 jsfiddle 访问 Web 服务https，我会收到您报告的错误。只有当https:您的页面是安全的（运行过https:），如果您的页面运行过度http:使用http:来访问 API 时，它才有效。

于 2015-12-15T17:42:04.153 回答