请求谷歌地图API时出现CORS错误

时间:2018-04-17 08:32:23

标签: javascript api google-maps

我正在向谷歌地图API及其投掷的cors错误提供API调用。 如:- 请求的资源上不存在“Access-Control-Allow-Origin”标头。原点

代码段

$.getJSON(
  "https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=" +
    city_lat + "," + city_lon + "&radius=500&type=restaurant&key=AIzaSyC0Lytb6QPHW9NNMwfJva6U4meM9tnvtlk",
  function(val) { }
);

1 个答案:

答案 0 :(得分:0)

您需要更改您的跨源政策。

  

常规网页可以使用XMLHttpRequest对象从远程服务器发送和接收数据,但它们受到相同原始策略的限制。

有关详细信息,请参阅此处: How to get a cross-origin resource sharing (CORS) post request working

如果您通过Chrome使用localhost,请参阅:

  

要让Chrome在标头中发送Access-Control-Allow-Origin,只需将/ etc / hosts文件中的localhost别名替换为其他域,例如:

     

127.0.0.1 localhost yourdomain.com

     

然后,如果您使用yourdomain.com而不是localhost访问您的脚本,则呼叫应该成功