Streaming live at 10am (PST)

Dynamic Google Map API Doesn't Work


#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: https://university.webflow.com/article/map

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

Cam someone help me please?

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


#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)


#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: