Google Place API(地方详情)不允许使用GET请求

时间:2017-12-22 13:50:35

标签: javascript google-places-api

Google故意GET请求无法解决详细地方JSON请求,因此我尝试通过执行以下操作来解决此问题:

const detailedView = () => {
  const urlList = [];

  for (var i = 0; i < search_place.length; i++) {
    urlList.push(`https://maps.googleapis.com/maps/api/place/details/json?placeid=${search_place[i].place_id}&key=${googleKey}`);
  }

  const scTag = document.getElementById('Detailed__Request');
        scTag.setAttribute('src', `${urlList[2]}`);
}

<script id="Detailed_Request" async defer></script>

所以'search_place'保存了places API返回的对象列表,从那里我将带有唯一'place_id'的链接推送到数组'urlList'。

然后作为测试,我手动将其中一个url添加到脚本标记并返回JSON:

enter image description here

我如何实际访问此数据?

任何帮助将不胜感激:)

编辑:

@Brett DeWoody(感谢回复)

所以我刚刚添加了异步GET请求:

const xhr = new XMLHttpRequest();
      xhr.open('GET', urlList[2], true);
      xhr.send(null);
      console.log(xhr.responseText);

我收到以下错误:

无法加载https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJabZ3FaUcdkgRoxxbahDO3bM&key=AIzaSyDqESELOJEOnNFFhWFsQG8fvuVAe_9WffM:请求的资源上没有“Access-Control-Allow-Origin”标头。因此,不允许原点'null'访问。

谷歌搜索后,我发现它故意被阻止。

0 个答案:

没有答案