# Map onDoubleClick and Security Level on Map Subsections

**URL:** <https://forum.inductiveautomation.com/t/map-ondoubleclick-and-security-level-on-map-subsections/116697>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 7, 2026, 7:42am UTC](https://forum.inductiveautomation.com/t/map-ondoubleclick-and-security-level-on-map-subsections/116697 "2026-08-07T07:42:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![isaac2](https://avatars.discourse-cdn.com/v4/letter/i/4da419/32.png) [@isaac2](https://forum.inductiveautomation.com/u/isaac2)\
**Post date:** [August 7, 2026, 7:42am UTC](https://forum.inductiveautomation.com/t/map-ondoubleclick-and-security-level-on-map-subsections/116697/1 "2026-08-07T07:42:25Z")

</div>

Hi everyone,

I'm working with the **Perspective Map** component in Ignition and I'm looking for the best approach to implement security on different sections of a province.

I have a single province that is divided into **four regions** , with each region loaded as a separate **GeoJSON** file. These four GeoJSON files are combined on the map to display the complete province.

My goal is:

- Every user should be able to see the **entire province** on the map.
- Each user should only be able to **view and interact with the pump stations** located in the region(s) they have security access to.
- The other regions should remain visible as part of the province but should appear **greyed out** (for example, using a higher `fillOpacity` or a different fill color) to indicate that they are outside the user's permissions.
- Users should not be able to interact with pump stations in regions they don't have access to.

Any suggestion on how I can approach this ?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 7, 2026, 2:40pm UTC](https://forum.inductiveautomation.com/t/map-ondoubleclick-and-security-level-on-map-subsections/116697/2 "2026-08-07T14:40:04Z")

</div>

> [@isaac2](#):
>
> - **greyed out** (for example, using a higher `fillOpacity` or a different fill color

For this you should use CSS, adding `filter: grayscale(1)` into the style prop (unfortunately you have to spell it gray instead of grey)