Map Zoom Level Solution

With a lot of help from our friend ChatGPT, I have found a solution to setting a custom zoom level when viewing a map.

To start with, we won’t be using the map component at all, but will use a Web Embed component.

Create a template column like this:

https://www.google.com/maps?q=[Address]&output=embed&z=16

[Address] = your address column (replace with the actual column reference)

z=16 = zoom level (higher number = more zoomed-in; usually 14–18 is ideal)

In the example, I’ve made the zoom level as a choice component and set a default if nothing has yet been selected. I’m not doing this in my app, but just for the demo.

It is really quite easy to set up and uses Google Maps which can then be clicked into.

Loom demo:

Access the app:

7 Likes

Thanks for sharing!

Would still love Glide to do this natively, so I can click on the item on the map to access a details screen.

1 Like

Thanks! was just looking into something like this a few days ago – very helpful

agreed as well re: native solution having zoom settings

1 Like

Agreed, but for my use case, you don’t see the map until you reach the details screen so it works fine for that application.

1 Like