I want to use the value of a text field, which will be an address, for the tab in a Google map on a Collection Page. I already have the ID Key and the map is loaded onto the page. So each collection page will generate a different map. How do I do that?
If you use collection page on the read-only site, look at the page for George Edwards. His is the only one with a meaningful (though erroneous) address.
<iframe
width="100%"
height="100%"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=YOUR API KEY HERE
&q=DYNAMIC FIELD HERE" allowfullscreen>
</iframe>
In your collection list you’ll need a plain text field and the address needs to be added with + sign instead of spaces like so: 440+Avenue+du+Mont-Royal+E+Montréal+QC+H2J+1W1
donaldsv, yes that helps for a start, although I was not sure what to do with the “DYNAMIC FIELD HERE” text so I left it unchanged. Then, using Webflow, how do I modify the value of a text field by substituting “+” characters for spaces? I am not a Javascript programmer. And once I do that, how do I submit that text to the map?
I do have a plain text field in my collection that is the address. Where would that go in the script? I was getting a rejection from Google, it was not accepting the key from that app even tho it accepted it from the Webfrow map control.
All considered I think it would be easier to just include a button that is a link to the Google Maps page and let that open in a separate window. so Google Maps format should work, right?