使用API​​ Google Places详细信息错误允许原始Cors React项目

时间：2018-08-26 13:22:14

标签： reactjs google-maps cors google-places-api

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

我正在开发ReactJs

跟随错误图片：

embedded image

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

但是在 REACTJS 项目中获得google.maps引用的最佳方法是什么？

1 个答案:

答案 0 :(得分：0)

我建议使用基于组件的react-google-maps。它的社区很大。 这是react-google-maps中Places API的工作示例，请确保您具有API密钥。 https://codesandbox.io/s/qqzm67ykmq

您需要先获取API密钥表格here。以下是API密钥的步骤：

  • 创建项目
  • 生成API密钥
  • 启用Places API和Maps Javascript API
  • 使用这些API限制您的API密钥
相关问题
最新问题