# Leaflet Zoom Controls Position

**URL:** <https://forum.inductiveautomation.com/t/leaflet-zoom-controls-position/102001>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 6, 2025, 8:08pm UTC](https://forum.inductiveautomation.com/t/leaflet-zoom-controls-position/102001 "2025-02-06T20:08:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [February 6, 2025, 8:08pm UTC](https://forum.inductiveautomation.com/t/leaflet-zoom-controls-position/102001/1 "2025-02-06T20:08:54Z")

</div>

I can't figure out how to change the position of the zoom controls for the Leaflet Map object. I want it to move to the right side. I see is has a class as "leaflet-left". In my inspector I can change this to "leaflet-right" and it goes where I want. Is there a way to fix this in Ignition?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/7/376a0479029dd96e888c724c78f76a51d51ee9be.png)

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [April 21, 2025, 3:51pm UTC](https://forum.inductiveautomation.com/t/leaflet-zoom-controls-position/102001/2 "2025-04-21T15:51:21Z")

</div>

Solution....

Custom Controls:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b69659444b880d01583051c5617416d319a0648d.png)

New Controls located bottom right:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/1/f128e78c7d7069cc7f4f8eb2d7e80e9fe7a83451.jpeg)

Message Handler (on Map):

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/9/59cc71219138e97605e7ad1ac1bd6ff517ccee8d.png)

Call Message Handler (on Button):

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/1/01cb7b996f21fd7efbeca62ef7efb3df2c32e162.png)

Referenced Zoom Command from here:

> [[NEW] Perspective Map component gets script callable methods and more component events](https://forum.inductiveautomation.com/t/new-perspective-map-component-gets-script-callable-methods-and-more-component-events/27315)