Streaming live at 10am (PST)

Support for custom Google Maps


#1

Here's a custom map I made : https://mapsengine.google.com/map/edit?mid=zLQrszMyAF7w.ko8rUbOMREwQ

That would be awesome to be able to have the option to paste such URL in the map module.

I tried to integrate this map with an iFrame but it didn't work.

Thanks for listening.


Question regarding the Google Maps Widget
#2

I managed to do this by following the instructions for embedding Google Map Engine maps on this page:

https://support.google.com/mapsenginelite/answer/3024935?hl=en

It requires you to update your sharing settings for the map to 'Public on the Web' before you are able to grab the code snippet.

Snippet looks like this:

<iframe src="https://mapsengine.google.com/map/u/0/embed?mid=xxxxxxxxxx" width="100%" height="100%"></iframe>

Once you've copied the snippet, add an embed component to your Webflow page and paste the snippet there. Make sure to edit the width and height parameters to suit your needs.

I dropped the embed component into a container and set the parameters for width/height to 100% on the embed component, so that I could define the width/height of the map by just changing the container properties and avoid having to do it via the code snippet.

Hopefully that makes sense.


#3

100% sense.

My fault, I edited my message to add that it didn't work... instead of looking for a solution.

Thanks for the detailed post. Works very well right in WF, perfect.


#4