Reactjs 使用API Google Places详细信息错误允许origin Cors React项目

Reactjs 使用API Google Places详细信息错误允许origin Cors React项目,reactjs,google-maps,cors,google-places-api,Reactjs,Google Maps,Cors,Google Places Api,我正在尝试使用GooglePlaceAPI,通过它们的Id获取位置的详细信息。我正在使用这里提供的服务 我正在开发ReactJs 以下是错误图像: 我在这里看到,对于这些允许源代码的情况,您应该使用Maps JavaScript API--> 但是,在REACTJS项目中获取google.maps参考的最佳方法是什么?我建议使用基于组件的react google maps。它的社区是巨大的。 下面是在react google maps中放置API的工作示例,请确保您有一个API密钥。 您需要

我正在尝试使用GooglePlaceAPI,通过它们的Id获取位置的详细信息。我正在使用这里提供的服务

我正在开发ReactJs

以下是错误图像:

我在这里看到,对于这些允许源代码的情况,您应该使用Maps JavaScript API-->


但是,在REACTJS项目中获取
google.maps
参考的最佳方法是什么?

我建议使用基于组件的
react google maps
。它的社区是巨大的。 下面是在
react google maps
中放置API的工作示例,请确保您有一个API密钥。

您需要在第一个表单中获取API密钥。以下是API密钥的步骤:

  • 创建项目
  • 生成API密钥
  • 启用位置API和映射Javascript API
  • 使用这些API限制您的API密钥

谢谢Sakni!我使用vanilla javascript解决了此问题,并将此代码用作参考。。当组件已经装入时,将带有google Api URL的脚本标记添加到DOM中。。工作正常:)