Map onDoubleClick and Security Level on Map Subsections

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 ?

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