Dynamic Google Map API Doesn't Work

Alexander_von_Stauff · August 29, 2018, 2:59pm

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???

samliew · August 28, 2018, 10:48pm

Did you actually replace YOUR_API_KEY with a valid API key?

Alexander_von_Stauff · September 4, 2018, 9:42am

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

ZoeMontgomery · October 2, 2018, 1:44pm

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)

Alexander_von_Stauff · October 4, 2018, 5:41am

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