Google Maps API Connection Initial Setup

[boston85719]

I am having a lot of trouble getting google maps to work properly.

I followed tutorials, followed the instructions provided on other forum threads by bubble support like @neerja at this link

How do resolve the Google MAP error: “API keys with referer restrictions cannot be used with this API.”?

Hi @antony, here is the guide to maps and keys in your Bubble app and Google Developers Console. In Google Developers Console (link), sign in > add billing details which is now required for Google APIs > you will likely get some free credits that will help while integrating with your Bubble app > create a project and make sure your billing details is enabled for that project From the menu, select ‘API & Services’ > credentials > click ‘create credentials’ > generate 2 API Keys with one cal…

but I still am getting errors

When looking at the debugger console I see the following error message

I have gone into my google account and see the following information which leads me to believe I have set up my account in google correctly and have a active payment method attached to my account

At this point I am completely lost on what the actual issue might be since the error report indicates its an issue that I haven’t connected a payment method to my google account, but my google account seems to be set up correctly and has verified my ID and Credit Card details I sent via images.

I’ve waited all day for the verification on google side to go through after was informed it may take 4 hours…

Does anybody have an idea about what it is I must be doing wrong?

[sudsy]

Are there any other errors in the JS dev console?

Maybe check the Google Developer Console as well so check if the project, keys, and quotas are set up properly.

[jamesbond]

Try checking your API key

[boston85719]

@jamesbond of course a sneaky spy would know where to look…turns out I had the api keys from a different project that was not connected to a paid account

Cheers

[delond.parker.jr]

@boston85719

a different project that was not connected to a paid account

Hey @boston85719 Can you give me some insight on how to set up the google maps API stuff properly. None of the documentation seems to be completely accurate.

Cheers
DJ

[boston85719]

I followed the instructions provided by neerja that I linked to. After that I double checked the portions the other thread posters referred me to…it is complicated and not something if you are unfamiliar with to expect to be done in 15 minutes…it took me a day and a half to ensure I had everything working correctly.

There is just too much to go into to provide instructions that bubble has. I would suggest following the thread I linked to, watch some of the youtube videos online that touch on it…most importantly, focus on if your app is ready for it ( ie: on a paid plan ) because a hobby plan doesn’t require it, and if you are on a paid plan, if I remember correctly, I needed to launch a live version after I had set up my domain name and everything.

It is a pain to deal with things that are new to us, especially without guidance from over our shoulder.

Honestly, the best I could tell you to do has already been written about in this thread and the thread I linked to.