我目前正在使用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 的每日请求配额
如下:
我搜索了谷歌,我找到了这个、这个、这个以及许多其他的,但我找不到这个问题的任何正确答案。
我尝试了什么?
- 我在控制台中创建了其他几个键来解决这个问题,但没有解决,我遇到了同样的
You have exceeded your request quota for this API
错误 - 我在 Google 上使用了我的另一个帐户来解决此问题,我刚刚登录并转到控制台平台并再次生成了一个密钥,但我仍然收到该错误?
- 即使在 codeSandBox.io 中尝试,我仍然遇到相同的错误
我真的很困惑这个问题,我该如何解决?