Google Map 中的“您已超出此 API 的请求配额”[重复]

Question

我目前正在使用react-google-map 让 Google Map 在我的 React 项目中运行，这是我的 Map 组件：

import React from 'react'
import { compose, withProps, lifecycle } from 'recompose'
import { withScriptjs, withGoogleMap, GoogleMap } from 'react-google-maps'

import MapStyle from  '../../../api/mapStyle'

const Map = ({ children }) => {

  return (

    <GoogleMap
      defaultZoom={15}
      defaultCenter={{ lat: 35.6840299, lng: 51.3861187 }}
    >
      {children}
    </GoogleMap>
  )
}

export default compose(
  withProps({
    googleMapURL: "https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE",
    loadingElement: <div style={{ height: `100%` }} />,
    containerElement: <div className='map' style={{ height: `100vh` }} />,
    mapElement: <div style={{ height: `100%` }} />
  }),
  withScriptjs,
  withGoogleMap,
)(Map)

如您所见，正如react-google-map DOC 所说，这里没有什么特别的！

昨天我刚开始建地图，和往常一样，我去我的谷歌控制台得到了一个钥匙，然后我把它放在链接的MY_KEY_HERE部分，直到今天早上它都工作得很好，今天我正在苦苦挣扎：

您已超出此 API 的请求配额

不是：

您已超出此 API 的每日请求配额

如下：

我在 Google 上进行了搜索，发现了 this 和 this 和 this 以及许多其他问题，但我找不到任何正确答案。

我尝试了什么？

1. 我在控制台中创建了几个其他键来解决这个问题，但没有解决，我得到了同样的You have exceeded your request quota for this API 错误
2. 我使用我在 Google 上的另一个帐户来解决此问题，我刚刚登录并转到控制台平台并再次生成了一个密钥，但我仍然收到该错误？
3. 即使在 codeSandBox.io 中尝试，我仍然遇到同样的错误

我对这个问题很困惑，我该如何解决？

Answer 1

检查您的项目是否有与之关联的结算帐号。你可以使用这个谷歌工具：https://mapsplatformtransition.withgoogle.com/

“此项目没有结算帐号。您需要添加 此项目的帐单信息以继续使用 Google 地图 平台。每月前 200 美元的使用费是免费的。您只需支付 你用什么。您可以随时查看费率并访问您的支出 在您的 Google Cloud Platform Console 中，您还可以在其中每天设置 配额以防止意外增加。你也可以设置 计费警报以在费用达到时接收电子邮件通知 预设阈值由您确定。”

它会列出您使用 Google 地图的所有项目，并在项目状态不是“状况良好”时告诉您“添加结算”。

Answer 2

问题是因为您尚未为您的项目创建结算帐户。

默认情况下，如果没有计费帐户，好的地图 API 将只允许每个密钥每天加载 1 个地图。

您可以按照以下步骤解决问题：

1. 转到谷歌云平台控制台。
2. 为您的项目启用结算帐户。
3. 选择包含您要审核的 API 的项目。
4. 从仪表板上的 API 列表中，单击 API 的名称。
5. 在页面顶部附近，单击配额或使用情况，然后根据您的使用情况设置限制。