> For the complete documentation index, see [llms.txt](https://help.maphubs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.maphubs.com/advanced/editing-map-style-code-advanced.md).

# Editing Map Style Code (Advanced)

MapHubs maps are using the open-source Mapbox GL mapping technology. Behind the scenes these maps use data coding called Style GL, to describe the map. In MapHubs it is possible to edit this code directly to:

* Customize the Layer style beyond the MapHubs defaults
* Create data-driven styling for a MapHubs layer (see the data-driven styling tutorial)

**Editing style code for a layer**

To edit the layer you need to be a member of the group that owns it.

1. Go to the page for the layer, from the menu in the bottom-right choose the \_Manage Layer \_option

![](/files/-L97PAJYplFv9-9tYMao)

1. Once on the layer manage page, go to the\_Style/Display \_tab.

![](/files/-L97PAJntrtj5iSkYE9C)

1. Open the \_Advanced \_section on the right side of the page.

![](/files/-L97PAJwtZSzRifZnIyp)

1. Click *Edit Style Code*

![](/files/-L97PAKA0mACEKOc1fX1)

1. Edit the code, the editor will warn you if you have syntax/formatting errors.

![](/files/-L97PAKLxT0T8JOx0Fto)

1. Click \_Save \_to save your style code changes, the preview map will update to show your changes
2. Click \_Save \_on the layer management page to save your changes in the layer.

![](/files/-L97PAKXQ9DPoJXlZFDC)

1. Click \_Back to Layer \_to go back to the layer page and view the larger map

![](/files/-L97PAKi2aAEwtgDvNs6)

**Editing style code for a map layer**

In MapHubs you can also customize a layer's style only inside a map. This may be useful, for example, to change the colors so that they better contrast with other layers in your map.

1. Enter the Map Maker either by clicking \_**Make a Map** \_or by editing an existing map.
2. Add the layer you want to edit to the map using ***Add Layer*** (if not already present)
3. Find the layer in the \_**Overlay Layers** \_panel on the left

![](/files/-L97PAM91AFhhLHShlrj)

1. Click the ***Change Style*** icon (color palette icon)

![](/files/-L97PAM_QA-n2hD1QL3L)

1. Open the \_**Advanced** \_section (you may need to scroll down)

![](/files/-L97PAMwuHIhn7nbE1OQ)

1. Click ***Edit Style Code***

![](/files/-L97PANHoRY9_-P0ntwz)

1. Edit the code, the editor will warn you if you have syntax/formatting errors.
2. Click \_**Save** \_to save your style code changes, the map will update to show your changes