Passing dynamic data from CMS collection into Google Maps embedded API

Design help CMS
1

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?

38%20AM
38%20AM1920×611 449 KB

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

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 Google Maps Platform - Location and Mapping Solutions

Can you share your published link?

3

@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

4

Hi @Halfanauer

Did you solve this issue- I am experiencing the same problem.

1 Like