"您已在Google地图中超出了此API的请求配额"

Question

我目前正在使用react-google-mapGoogle 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-mapDOC所说,这里没什么好看的!

昨天我刚刚开始构建地图,正常情况下我去了我的谷歌控制台并得到了一个密钥,然后我把它放在MY_KEY_HERE链接部分,它工作正常,直到今天早上,今天我正在努力:

您已超出此API的请求配额

不:

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

如下:

我搜索谷歌,我发现这个和这个和这个和许多许多人,但我找不到任何合适的回答这个问题.

我尝试了什么？

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

我真的很困惑这个问题,我该如何解决？

Answer 1

可能是因为新的计费系统？

"此项目没有结算帐户.您需要为此项目添加结算信息才能继续使用Google地图平台.每月200美元的首次使用是免费的.您只需支付使用的费用.您可以查看费率和您可以随时在Google云端平台控制台中访问您的支出,您还可以设置每日配额以防止意外增加.您还可以设置结算提醒,以便在费用达到您确定的预设阈值时接收电子邮件通知."

检查您的项目是否有与之关联的结算帐户.您可以使用此Google工具:https://mapsplatformtransition.withgoogle.com/

它将使用Google地图列出您的所有项目,如果项目状态不"良好",则会告诉您"添加结算".

Answer 2

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

默认情况下,如果没有结算帐户,则好的地图API每天只能为每个密钥加载1个地图.

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

1. 转到Google Cloud Platform Console.
2. 为您的项目启用结算帐户.
3. 选择包含要查看的API的项目.
4. 从仪表板上的API列表中,单击API的名称.
5. 在页面顶部附近,单击"配额"或"使用情况",然后根据您的使用情况设置限制.