Google Maps only working when editing!

Hello, I’ve just followed all the steps to integrate google maps with my website.

When I’m editing with elementor it works smoothly, and I can see the map and my markers.

However, when I preview the site, I get a Referrenotallowed error.

I have set my restriction on google cloud to no restriction.

I cant seem to find a solution for this issue.

Attachments:

You must be logged in to view attached files.

Hello,

You need to adjust the Google API and use the API key to make it work – https://prnt.sc/bYsChwRmfuLo

https://developers.google.com/maps/documentation/javascript/get-api-key

Kind Regards

It is adjusted. I can see the exact marker location and map that I need in elementor view.

But when going for a live preview, the map doesn’t show anymore. I have added the API keys into theme settings and in the widget area. Still not working.

Hello,

Send me access to the admin panel so I can check the settings on your website.

Looking forward to collaborating with you!

Kind Regards

Hello,

Okay I have granted access.

Please let me know what to change.

Hello,

On my side, I see the API error which you can fix with the help of the below article:

Google Maps JavaScript API error: RefererNotAllowedMapError

https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

Screenshot: https://prnt.sc/rRmblfuubwrD

Kind Regards

Hello,

I’ve been following these steps since the morning, I’ve done everything that the developer site says.

I have no restrictions on my google cloud platform, so this shouldn’t be the issue.

Attachments:

You must be logged in to view attached files.

and also my problem is not that is not showing at all. I can see the markers in elementor editor view, but not live.

I’ve literally tried everything. I’ve read all the previous support forums and nothing.

I can’t find the issue.

Please help

Hello,

Enable the “Websites” – https://prnt.sc/ocwIN-gNe0l2 and define your website.

Let me know the result.

Kind Regards

Hello,

Still nothing. I added my website in the syntax listed below but Im still getting the same error.

Map is showing in elementor but not in live preview.

Hello,

Please send me all settings from the Google API via screenshots so I can investigate them. I suggest sending them via private content.

Kind Regards

Please fine the attached screenshots.

I’ve done everything to fix this and it’s impossible. Regenrated API keys, added multiple referrers, had no restrictions. Keep getting the same issue.

Hello,

Most likely, the URL is not valid please recheck it. Also, try to select the IP address instead of the website. In the end, you should have a green checkmark showing that the API is working.

Screenshot: https://monosnap.com/file/ifzfu0Vod3hPSg4v3mZOHCnkPNby2J

Kind Regards

Hello,

I tried this, but now its not even opening in elementor.

I tried to remove restrictions, now showing only in elementor

Do you think my domain is the problem, I am still using the xxx.wpcominstage.com domain.

Also, I am getting the green check , but not working on the live site.

Hello,

We checked your site again and see that in the dropdowns you have a map with an invalid key – https://monosnap.com/file/oLHAtcEMTyMtcKMCsAZqAywVeNmK7z

We have disabled this dropdown on your site and your map started to work well.

Kind Regards

Thank you so much for this.

Can finally see it in live preview.

Appreciate it.

Hello,

In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts