Dynamic Google Map API Doesn't Work

Design help Custom code
1

Hello,

I need to use dynamic Google maps based on CMS.

I used this code:

<iframe width="100%" height="100%" frameborder="0" style="border:0" allowfullscreensrc="https://www.google.com/maps/embed/v1/place?q=Harrods,Brompton%20Rd,%20UK
 &zoom=17key=YOUR_API_KEY">
</iframe>

I Replace Harrods,Brompton%20Rd,%20UK with the dynamic name field in my collection.

I followed the steps from: Map | Webflow University

Enabled%20API%20Maps
Google%20API%20error%20Rejected

Cam someone help me please?

I don’t understand, why it doesn’t work???

1 Like
2

Did you actually replace YOUR_API_KEY with a valid API key?

3

Yes, I did, but still doesn’t work. Anyway, I used Rich Text for maps, a simple solution I found here on forum.

4

Hello, @Alexander_von_Stauff!

Some time ago I’ve found this guide Dynamic Google Maps
Hope, it can help you!

About API Key… This has recently become a popular issue. I was lucky, I have not faced such problem yet. (I use Google Map by Enfsight)

1 Like
5

Thank you for your answer. That’s a really interesting solution. However, using maps from rich text saved me with that project. :slightly_smiling_face:

1 Like