时间戳

首页 > 解决方案 > 使用 API Google Places 详细信息错误 Allow origin Cors React project

reactjs - 使用 API Google Places 详细信息错误 Allow origin Cors React project

问题描述

我正在尝试使用 Google Place API 通过他们的 ID 获取地点的详细信息我正在使用此处提供的服务https://developers.google.com/places/web-service/details

我正在开发 ReactJs

跟随错误图像：

嵌入图像

我在这里看到，对于这些Allow Origin案例，您应该使用 Maps JavaScript API --> https://developers.google.com/maps/documentation/javascript/places#place_details

然而，在REACTJS项目中获得google.maps参考的最佳方式是什么？

标签： reactjsgoogle-mapscorsgoogle-places-api

解决方案

我会推荐react-google-maps哪个是基于组件的。它的社区很大。这是地方 API 的工作示例，react-google-maps确保您拥有 API 密钥。 https://codesandbox.io/s/qqzm67ykmq

您需要先在此处获取 API 密钥。以下是 API 密钥的以下步骤：

  • 创建项目
  • 生成 API 密钥
  • 启用地点 API 和地图 Javascript API
  • 使用这些 API 限制您的 API 密钥

推荐阅读