"You have exceeded your request quota for this API" in Google Map

Question

I am currently using react-google-map for getting Google Map to run in my React project, here is my Map component:

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)

As you can see this is as what react-google-map DOC says , nothing so fancy here!

Yesterday I just started to build map, and as normal I went to my Google console and got a key, then I put it on MY_KEY_HERE section of link , and it worked fine until this morning, today i am struggling with:

You have exceeded your request quota for this API

Not:

You have exceeded your daily request quota for this API

as below:

I searched Google and I found this and this and this and many many others, but I could not find any proper answer to this problem.

What did I try?

1. I created a couple of other keys in my console to remove this problem , but it is not solved, I got the same You have exceeded your request quota for this API error
2. I used another account of mine on Google to resolve this issue and I just logged in and went to console platform and again generated a key, but I still getting that error?
3. even by trying it in codeSandBox.io, I still got the same error

I'm really confused about this issue, how should I solve it?

Solution 1

Check if your project has a billing account associated to it. You can use this Google tool: https://mapsplatformtransition.withgoogle.com/

"This project does not have a billing account. You will need to add billing information for this project to continue to use Google Maps Platform. The first $200 of monthly usage is free. You only pay for what you use. You can review rates and access your spending any time in your Google Cloud Platform Console, where you can also set daily quotas to protect against unexpected increases. You can also set billing alerts to receive email notifications when charges reach a preset threshold determined by you."

It will list all your projects using Google Maps and tell you to "Add Billing" if the project status is not "in good shape".

Solution 2

The issue is because you haven't created the billing account for your project.

Without billing account by default good maps API will allow only 1 map load per key per day.

You can follow these steps to resolve the issue :

1. Go to Google Cloud Platform Console.
2. Enable billing account for your project.
3. Select the project that contains the API you want to review.
4. From the list of APIs on the Dashboard, click the name of the API.
5. Near the top of the page, click Quotas or Usage and set the limit according to your usage.

Comments

[Manoj]

I have my billing account added but it is still showing the same error message. What could be the other reason for this issue ?

[ReneGAED]

Thank you. This was the simple and correct answer.

[Vijay Singh Chouhan]

@Manoj Have you solved the problem?

[Vijay Singh Chouhan]

i did the same, but still getting error.

[Ciaran]

If anyone else comes across this issue, if everything looks fine, i.e. you have billing enabled for the project correctly, but the limit remains at 1 - check you dont have ANY expired payment methods. The issue for me was that a 2nd credit card had expired, even though the primary was valid and i'm still on the free trial anyway.

[Ankur Raiyani]

Same issue for me, i enabled billing account but still same error. @VijaySinghChouhan Did you find any solution?

[Ankur Raiyani]

@VijaySinghChouhan finally i found that my card verification was pending. It will perform 1 rs transaction and then everything should be working fine.

[Alex]

The mapsplatformtransition link dies at the authorization step. After trying dozens of times it worked only once. All my projects have billing enabled but the problem remains. Very frustrating, as I am WAY under google pay limits

[Siddharth Pant]

@Ciaran Thanks was facing the same issue. Had two cards of which the secondary one was expired. Just deleting that removed the issue for me.

[hoanghuychh]

I don't see "Quotas or Usage" in the Dashboard site, can you show a detailed guide or now google change workflow? Thanks

[Dat]

I have enabled the billing account but still got the error, any solution? tks