# Map Zoom Level Solution

**URL:** <https://community.glideapps.com/t/map-zoom-level-solution/83403>\
**Category:** Community Resources\
**Created:** [July 23, 2025, 10:35pm UTC](https://community.glideapps.com/t/map-zoom-level-solution/83403 "2025-07-23T22:35:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [July 23, 2025, 10:35pm UTC](https://community.glideapps.com/t/map-zoom-level-solution/83403/1 "2025-07-23T22:35:15Z")

</div>

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](https://www.google.com/maps?q=%5BAddress%5D&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:  
https://www.loom.com/embed/597977d30fc84fc98d253cb6995eb625?sid=afa3f777-fafd-45ae-ab3c-f017c881060e

Access the app:

> **[Map Demo](https://map-zoom-demo.glide.page)**

 ![CleanShot 2025-07-23 at 15.24.01@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/2/b2ec97e1f1642c504b7e315ad641d50ec6118608.jpeg)

 ![CleanShot 2025-07-23 at 15.22.58@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6b0954d0293bdc0d29d4036a506cdc4f2b3e710a.png)

 ![CleanShot 2025-07-23 at 15.23.25@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/b/bb9a63027d0268ac6430cf93e6ec127a7469b87e.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 23, 2025, 11:51pm UTC](https://community.glideapps.com/t/map-zoom-level-solution/83403/2 "2025-07-23T23:51:24Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Eitan](https://avatars.discourse-cdn.com/v4/letter/e/aca169/32.png) [@Eitan](https://community.glideapps.com/u/Eitan)\
**Post date:** [July 24, 2025, 12:00am UTC](https://community.glideapps.com/t/map-zoom-level-solution/83403/3 "2025-07-24T00:00:46Z")

</div>

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

agreed as well re: native solution having zoom settings

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [July 24, 2025, 3:03am UTC](https://community.glideapps.com/t/map-zoom-level-solution/83403/4 "2025-07-24T03:03:53Z")

</div>

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.