Streaming live at 10am (PST)

Passing dynamic data from CMS collection into Google Maps embedded API

Hello - I’m trying to pass a dynamic data filed (address) into an embedded Google Maps API element

I’m able to successfully authenticate my API, so no issues there! (I’ve confirmed this using the native Webflow element using a dummy address)

I’ve added the address as a plain-text string to the CMS collection. I’ve also followed this tutorial (Dynamic Google Maps).

Unfortunately, when I publish my site, the CMS data parameter isn’t passed through!

Does anyone know how I can troubleshoot this?



Here is my public share link: LINK
([how to access public share link][2])

Viewing your site on the staging domain produces this API error.

Google Maps Platform rejected your request. You must use an API key to authenticate each request to Google Maps Platform APIs. For additional information, please refer to http://g.co/dev/maps-no-account

Can you share your published link?

@webdev - I believe this is it. I haven’t formally published it, but this is my current link –

https://gts-casinotrips.webflow.io/

https://preview.webflow.com/preview/gts-casinotrips?utm_medium=preview_link&utm_source=designer&utm_content=gts-casinotrips&preview=af25abfa4e5f9d346e772930d9fc118e&mode=preview