Retrieving information from Google Maps API (Getting Error)

[jayborders]

Let me apologize for the length of this message beforehand but I wanted to add detail and images to thoroughly explain my problem. Any help anyone can lend would be greatly appreciated.

Long story short I’m getting the following error: {“error_message”:“API keys with referer restrictions cannot be used with this API.”,“html_attributions”:,“status”:“REQUEST_DENIED”}

Below are details.
…
I previously had a feature in a an app I’m building to be able to get business information using the Google Maps plugin. I would retrieve the Google Place ID from a business using the Google Places Plugin. I would save that ID in a field and when one of my app users wanted information on that business such as business hours. The app was displaying it in a text repeating group (see example)

The problem is that it is not working now. Can anyone confirm that the following is correct?

1. I created Google Client/Server keys and put them in the places as shown …
   

   

2. I’m using the Google Maps Extended API.

3. Once I get the Google Place ID from my Google Places plugin call, I do the following to get information such as business hours as seen …
   

   

These are the steps I am following but that call I make in step 3 is coming back empty according to debug:

In the debug message, I get the following error:
{“error_message”:“API keys with referer restrictions cannot be used with this API.”,“html_attributions”:,“status”:“REQUEST_DENIED”}

[Jici]

Did you take time to search forum about this error?..

[jayborders]

Hi Jici,

I did. I did a general browser search as well. I see where others have encountered this error, but I’m struggling to see what the resolution was. Do you have a link you can point me to?

Thanks

[Jici]

Still the same? Google MAP error: “API keys with referer restrictions cannot be used with this API

Hey I’m getting the error: API keys with referer restrictions cannot be used with this API, when using geolocation. I removed restrictions and it works fine. I read in an old thread that said the only solution is to remove restrictions. Is this still the case? The old thread is below. How do resolve the Google MAP error: “API keys with referer restrictions cannot be used with this API.”?

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

Hello, I’m developing an App with Bubble and while I have an API Key for Google Map and 0Auth (works pretty fine when I use to display GEO Locations on pages and Map ) I’m facing an issue to record a GEOLOCATION into a database field within a Workflow. Every time the workflow try to record in a GEOLOCATION field the GEOLOCATIOn, I have an error and this message : “ Error hitting Google Geocode API: API keys with referer restrictions cannot be used with this API. ” Any idea about the solution?…

Error hitting Google Geocode API: API keys with referer restrictions cannot be used with this API

Hi guys, I’ve my client setup the geocode and maps api keys for adding geographic location as input for users in his app. However, we’re constantly facing this error and not sure why this is coming up everytime. Can anyone help with this? [image] We tried all different possible combinations…nothing worked! “Error hitting Google Geocode API: API keys with referer restrictions cannot be used with this API.”

Workflow error - Error hitting Google Geocode API: API keys with referer restrictions cannot be used with this API

Hi @Jici @mikeloc I reported a bug to Bubble and received the following reply. Saying… We are sending this email to let you know that your application Koreafy is being rate-limited because of a high number of Google Map loads. This means that some users will be unable to see the map elements on your pages. You should add your own Google Map API key in the Editor to remove this limitation to avoid issues and for a better user experience (see this to generate a free Google key). I have set up…

In short, You need to check in Google Cloud Console for any restrictions for the keys you are using. Remove them and test. This can take a moment to be live, but normally, it’s fast.

[jayborders]

@Jici Thank you! This worked. Asking as a novice, are there any security or privacy issues I should be cautious of with restrictions being removed. It’s confusing that bubble says to implement these restrictions with no warning that it will cause issues with actually using the API.

Thanks again

[Jici]

Did you follow this?

How to Setup Google API Keys Bubble Video Course

Because you will see that there’s a different key used for maps VS geocode (server)
Domain restriction is only for maps key

[jayborders]

Yes that’s the video that I followed. It’s the restriction on the client key that it says to implement (time 2:16). So unless I’m mistaken, it’s by following this video that got me into this problem.

[Jici]

Try to report this to support if you think you have set everything correctly for both client and server keys

[jayborders]

This is where the issue is. If I set Application restrictions to none it works. If I go by the video and set restrictions to allow my bubble website to use the API, it fails. Am I missing something?

[Jici]

Can you share both api keys settings and bubble settings for API too? (You can hide api keys and just keep a little part visible so we can compare with what you have set in Bubble settings)

[jayborders]

Here are the settings:

The server settings are fine and don’t seem to present an issue -

Server key

The client settings (works vs. doesn’t work)
Works:

Doesn’t Work:

Client Key:

From Bubble settings: