# Map Component: Applying styles/properties to geoJSON data

**URL:** <https://forum.inductiveautomation.com/t/map-component-applying-styles-properties-to-geojson-data/90105>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 8, 2024, 2:51pm UTC](https://forum.inductiveautomation.com/t/map-component-applying-styles-properties-to-geojson-data/90105 "2024-05-08T14:51:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joshua\_Molone](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Joshua\_Molone](https://forum.inductiveautomation.com/u/Joshua_Molone)\
**Post date:** [May 8, 2024, 2:51pm UTC](https://forum.inductiveautomation.com/t/map-component-applying-styles-properties-to-geojson-data/90105/1 "2024-05-08T14:51:43Z")

</div>

I have a shaded region using geoJSON data on the map component I would like to toggle visibility on. My initial thought was to toggle the opacity of the feature on the map component but it does not change when I change any of the properties.

I generated the JSON data from [geojson.io](http://geojson.io). Is there something I am missing?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/8/581443333bce22d6408589c79467c8cf96e9ab05.png)

---

<div class="post-metadata">

**Author:** ![ott.andrew33](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ott.andrew33/32/44625_2.png) [@ott.andrew33](https://forum.inductiveautomation.com/u/ott.andrew33)\
**Post date:** [January 7, 2025, 10:28pm UTC](https://forum.inductiveautomation.com/t/map-component-applying-styles-properties-to-geojson-data/90105/2 "2025-01-07T22:28:06Z")

</div>

A little late, but I ran into this issue and manually updated the property names to match what is required for Ignition.

For example, I changed:

```python
"properties": {
        "stroke": "#0f3df5"
      },

```

To:

```python
"styleOptions": {
        "color": "#0f3df5"
      },

```

However, I found the section in the Ignition Docs that walks through the process of [Adding GeoJSON Shapes](https://docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-display-palette/perspective-map/perspective-map-adding-geojson-shapes). Following these instructions will expedite the process.

Also, here is a related forum post, [Importing KMS/KML data into ignition perspective Map using GeoJSON property](https://forum.inductiveautomation.com/t/importing-kms-kml-data-into-ignition-perspective-map-using-geojson-property)