JavaScript 访问 google places API 的 CORS 问题

Question

>尝试了多个标题组合来对谷歌地图地方API进行ajax jQuery调用以获取预测。

我收到以下错误：

无法加载 https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Amsterdam&types=geocode&key=AIzaSyBqYrYm377wh0pgINHBQfadjCokJkj_uVQ&_=1535634162773：

对预检请求的响应未通过访问控制检查：请求的资源上不存在"访问控制允许源"标头。 因此，不允许访问源"https://stackoverflow.com"。

在控制台中执行以下代码时(URL 中没有 API 密钥(：

jQuery.ajax({
type: 'GET',
url: "https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Amsterdam&types=geocode&key={API Key Here}",
contentType: "application/json",
dataType: 'json',
"crossDomain": true,
headers: {
'Access-Control-Allow-Headers': 'Content-Type, Content-Range, Content-Disposition, Content-Description, x-requested-with, x-requested-by',
"accept": "application/json",
"Access-Control-Allow-Origin":"*"
},
success: postSuccess,
error: postError,
});
function postSuccess(result,status,xhr) {
console.log("postSuccess");
}
function postError(xhr,status,error) {
console.log("postError", xhr,status,error);
}

如果有人能指出我的决议，那就太好了。

编辑：在提出问题之前搜索了类似的问题，发现了这个问题，但解决方案没有帮助。

编辑2：更具体地说，我想从JavaScript中的Places API检索JSON结果：https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Amsterdam&types=geocode&key={API Key Here}

Answer 1

要从javascript访问places API，请使用Google Maps Javascript API v3 places库。