Google Map Element not working

Design help General
1

Hello.

I have a Google Map embedded on a project that has stopped working. It has an API key that appears to be active in the google control panel. Metrics are still there. It all appears to be fine in Webflow but it displays as a static image on the published site.

The only thing that has changed is I switched from http:// to https:// a few months ago. I’m guessing that this is the issue. I can’t find any options to change this on the Google Console for the API or in Webflow settings. Can anyone help shed some light on it for me please.

Thanks
Will

Read-Only: Webflow - The Smiddy

Live: https://www.blairdrummondsmiddy.co.uk/contact

2

Oddly, a page with a google map elsewhere on the site seems to work fine…
https://www.blairdrummondsmiddy.co.uk/walkthrough

3

Can you share your read only link please?

4

It’s in the original post Aaaron. If you can shed some light on it, it would be much appreciated.

5

My bad Will,

So the issue is that the map element you have in your contact page has a negative z-index of -10 which means that is not at the “user” level so that’s why you see it as an “image” but in reality it’s there.

Eliminate that negative z-index and you’re good to go.

03%20pm
03%20pm3325×1260 758 KB

Hope this helps

6

No way, I totally missed that and I don’t even remember adding a -10 class to it.

Fixed. Hooray. Thank you so much.

1 Like
7

No problem, I’m glad I could help.

1 Like
8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.