Google Maps iFrame in webview component

If you want embed google maps in Glide app you have to create a template column with this code:

<div style="width: 700px;position: relative;"><iframe width="700" height="440" src="https://maps.google.com/maps?width=700&amp;height=440&amp;hl=en&amp;q=ADDRESS&hl=it&amp;ie=UTF8&amp;t=&amp;z=19&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><div style="position: absolute;width: 80%;bottom: 10px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;text-align: center;"><small style="line-height: 1.8;font-size: 2px;background: #fff;">Powered by <a href="http://www.googlemapsgenerator.com/da/">Googlemapsgenerator.com/da/</a> & <a href="https://iamsterdamcard.it/">iamsterdamcard (it)</a></small></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div><br />

Replace “ADDRESS” with your personal address column and that’s it! Now add Web View component and select the template column just created.

12 Likes

wow, thank you Antonio

1 Like

@david will this influence the cost that glide is paying google? If so would it reasonable to think that you might close down this possibility?

1 Like

This is a free service. You haven’t to insert any api key.

@Antonino_Nolasco

Have you tried to see a route map in Webview component?

Gracias

No, I didn’t try but I think it will be possible enabling sdk for gmaps called Directions API.
You can look here

1 Like

Hey @Antonino_Nolasco

Thank you for the information!

Do you have any ideas on how to make the pins on the map not exact location but a location radius? Like in Airbnb. I really need it in my app to not show users exact location, but cannot fimd a way of how to do this.

Will appreciate any ideas, thank you!