# Maplike Coordinate View

**URL:** <https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 17, 2023, 2:29pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532 "2023-04-17T14:29:40Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [April 17, 2023, 2:29pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/1 "2023-04-17T14:29:40Z")

</div>

I would like to create a very large coordinate view with machine images on it, and have the ability to pinch zoom and pan exactly like this:  
[https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/feature/realtime/maps](https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/feature/realtime/maps)

What is the best way to accomplish this now (scripting mouse events, module, or if there are plans to create this in the future let me know, thanks.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 17, 2023, 5:31pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/2 "2023-04-17T17:31:21Z")

</div>

We have plans to add something like this first party (no timeline). @nader.chinichian or @kgamble may have some advice on what can be done in the short term, but the developer UX is pretty far from ideal right now, as I understand things.

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [April 17, 2023, 5:54pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/3 "2023-04-17T17:54:53Z")

</div>

This would be one of the most useful components that can be added to Perspective, imo. I can't wait until it gets released!!!

---

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [April 17, 2023, 5:55pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/4 "2023-04-17T17:55:41Z")

</div>

You might be able to hack it by using the map component with a raster layer showing your image, and set map bounds to stop the user from panning outside the bounds of the image. I'll have to test it out when I have a bit of time.

From what I can see on the [manual page](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map#PerspectiveMap-Properties), it seems like the image would have to be hosted on a web server or with WebDev.

Edit: [some brief research](https://stackoverflow.com/a/28094977) into the underlying Leaflet library implies that you might even be able to force a custom blank tilelayer by leaving the url as an empty string so that your machine drawings aren't overlaid on a map of Europe or something.

---

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [April 17, 2023, 6:32pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/5 "2023-04-17T18:32:00Z")

</div>

I dont want to use an image, but rather a coordinate view where i can put images, labels, buttons etc. And having alarm, navigation events trigger zoom level and auto panning a viewport to a specific look or area in that coordinate view. Having a scalable, easily configurable view would be the number 1 benefit of using perspective in a variety of industries. I feel like this is something i have been able to mimic with a few mouse handlers but it would be nice to know if something more substantial is on its way before i bury hundreds of hours in development time.

---

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [April 17, 2023, 6:42pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/6 "2023-04-17T18:42:03Z")

</div>

There is an option to add a view as a UI layer to the map, so you might still be able to hack it.  
It's definitely not as good as a native solution would be, but hopefully better than trying to write half a dozen mouse handlers.

---

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [May 5, 2023, 7:28pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/7 "2023-05-05T19:28:54Z")

</div>

When you mentioned the developer UX, are you referring to the stage IA is with this component or feature and does that mean that work is being done already?

I managed to manipulate the position and size of a view in a view canvas and can tell this would be a good approach but needs a lot of work if I keep going down that road...

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [May 5, 2023, 8:01pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/8 "2023-05-05T20:01:42Z")

</div>

What I mean is we're aware (bluntly) it sucks to try to do this _right now_, with what's currently in the software. That's the whole reason we want to offer a first party component. However, we have not (to my knowledge) actually started any implementation effort on it.

---

<div class="post-metadata">

**Author:** ![Chris\_Taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/chris_taylor/32/3315_2.png) [@Chris\_Taylor](https://forum.inductiveautomation.com/u/Chris_Taylor)\
**Post date:** [May 8, 2023, 5:43pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/9 "2023-05-08T17:43:47Z")

</div>

OK, I'll stick my neck out.  
Here at BIJC we have an module for our use that does this. Its just like a XY container but you can zoom in and out like a map. It can handle multiple views and will not render any views that are not visible. The zoom value is available as a property (amongst many others) and is useful for binding to.  
If there is sufficient interest I could make it a third party module. like this post so I can get an idea. Then I'll post a video of it.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 8, 2023, 5:54pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/10 "2023-05-08T17:54:42Z")

</div>

> [@Chris\_Taylor](#):
>
> If there is sufficient interest

Oy! Understatement, much? This is precisely the kind of generically useful functionality that _deserves_ public exposure as a module.

{ Full disclosure: I've seen this demonstrated. It is _ **freaking awesome** _. }

---

<div class="post-metadata">

**Author:** ![Nathan\_Kramer](https://avatars.discourse-cdn.com/v4/letter/n/fbc32d/32.png) [@Nathan\_Kramer](https://forum.inductiveautomation.com/u/Nathan_Kramer)\
**Post date:** [May 9, 2023, 7:50pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/11 "2023-05-09T19:50:01Z")

</div>

> @Chris_Taylor:  
> If there is sufficient interest I could make it a third party module. like this post so I can get an idea. Then I'll post a video of it.

Following this as it just came up in our last meeting over converting to ignition.

---

<div class="post-metadata">

**Author:** ![eric.peery](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/eric.peery/32/11897_2.png) [@eric.peery](https://forum.inductiveautomation.com/u/eric.peery)\
**Post date:** [May 19, 2023, 12:37pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/12 "2023-05-19T12:37:50Z")

</div>

I've been wanting this type of tool to use in Ignition as well.

---

<div class="post-metadata">

**Author:** ![Chris\_Taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/chris_taylor/32/3315_2.png) [@Chris\_Taylor](https://forum.inductiveautomation.com/u/Chris_Taylor)\
**Post date:** [June 15, 2023, 4:33pm UTC](https://forum.inductiveautomation.com/t/maplike-coordinate-view/72532/13 "2023-06-15T16:33:51Z")

</div>

Our new Pan Zoom container is now available

see this post https:[//forum.inductiveautomation.com/t/pan-zoom-container/75093?u=chris\_taylor](https://forum.inductiveautomation.com/t/pan-zoom-container/75093)
