# \[BUG -13515, BUG - 13514\] The map component needs to establish proper z-order context

**URL:** <https://forum.inductiveautomation.com/t/bug-13515-bug-13514-the-map-component-needs-to-establish-proper-z-order-context/23746>\
**Category:** Ignition Early Access\
**Created:** [April 1, 2019, 7:17am UTC](https://forum.inductiveautomation.com/t/bug-13515-bug-13514-the-map-component-needs-to-establish-proper-z-order-context/23746 "2019-04-01T07:17:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jianping.li](https://avatars.discourse-cdn.com/v4/letter/j/c89c15/32.png) [@jianping.li](https://forum.inductiveautomation.com/u/jianping.li)\
**Post date:** [April 1, 2019, 7:17am UTC](https://forum.inductiveautomation.com/t/bug-13515-bug-13514-the-map-component-needs-to-establish-proper-z-order-context/23746/1 "2019-04-01T07:17:05Z")

</div>

I put a map in a coordinate container with a percent mode (width: 100%, height:100%), and then I want to add a refresh icon to the map, so I can refresh the markers.But when I drag an Icon to the Container, the Icon is behind the map . I have tried to move it to the front of the Z-order, it doesn’t work.  
I think it has to do with the Z-index of the map.But I do not have an idea yeat.  
help!

 ![1](https://us1.discourse-cdn.com/inductiveautomation/original/2X/3/39270a7e6103580266e4b127302d8041477690d8.jpeg)

---

<div class="post-metadata">

**Author:** ![anjoroge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/anjoroge/32/6698_2.png) [@anjoroge](https://forum.inductiveautomation.com/u/anjoroge)\
**Post date:** [April 9, 2019, 5:42pm UTC](https://forum.inductiveautomation.com/t/bug-13515-bug-13514-the-map-component-needs-to-establish-proper-z-order-context/23746/2 "2019-04-09T17:42:31Z")

</div>

Hi Jiangping.li

Well there are two thing here. One is a bug where the map component doesn’t establish a correct z-order context and will likely require to be fixed, while the second one is a feature request, which is the ability to add map controls in the top right, bottom right, and bottom left of the map. This will provide the user with the ability to add views to the corner and throw anything they want in there so that you can toggle stuff on the map like a map legend. Will write up internal tickets to keep track of both issues.  
Thanks  
Anthony

---

<div class="post-metadata">

**Author:** ![ggross](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ggross/32/12668_2.png) [@ggross](https://forum.inductiveautomation.com/u/ggross)\
**Post date:** [April 10, 2019, 12:48am UTC](https://forum.inductiveautomation.com/t/bug-13515-bug-13514-the-map-component-needs-to-establish-proper-z-order-context/23746/3 "2019-04-10T00:48:46Z")

</div>

A potential workaround is the Map component has the ability to embed a View within it. This can be done using the `props.layers.ui.view` property within the map. It does require latitude and longitude to be set for center of the view being displayed, but it might help get you until the issue is addressed as it does allow for a transparent background.

Thanks,  
Garth