Google Maps React - 此页面无法正确加载 google 地图

Question

我敢肯定这个问题已经被问过一百万次了，我已经在互联网上搜索了每个答案，但我仍然没有运气。

错误实际上是这个 - You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started 在浏览器控制台中查看时。

我尝试了几种不同的方法，例如：

1) 使用我们的内部公司 API 密钥，该密钥在我们的产品应用程序中使用。

2) 通过 Google 开发控制台创建我自己的个人帐户，生成一个 API 密钥并添加我自己的个人卡详细信息，以便计费 enabled.

我也查阅了这些不同的页面：

1)

2) Enable Billing on the Google Cloud Project

3) https://www.embedgooglemap.co.uk/fixed-this-page-cant-load-google-maps-correctly-error/

我已经按照某些帖子的建议等待了 5/10 分钟，我已经重新生成了我的密钥，我确保 API 密钥已链接到计费帐户。

但是，没有任何效果！我发现这非常令人沮丧，因为我以前做过很多次。

我的密钥使用方式如下：

import { withGoogleMap, GoogleMap, withScriptjs, InfoWindow, Marker } from "react-google-maps";
import Geocode from "react-geocode";
import Autocomplete from 'react-google-autocomplete';
Geocode.setApiKey("API-KEY-HERE");
Geocode.enableDebug();

有谁知道我哪里出错了？因为我已经研究了好几个小时了，还是想不通！

谢谢！

Answer 1

事实证明，我在文件的其他地方有一个硬编码的 API 密钥。将其换成我正确的 API 密钥有效:)

Google Maps React - 此页面无法正确加载 google 地图

Google Maps React - This page cannot load google maps correctly

api

maps

reactjs

developer-console