Completely change the map design

Change colors, language, and font of any map element or add your own geodata.

The easiest way to change the map design is to use customize tool. It is able to change colors of any layer, switch language or labels’ fonts.

However, if you want to do more complex changes like hiding point of interest, defining an exact color for each road type, or adding own data to the map, you need more complex tool. It is available in MapTiler Cloud administration after you sign in, click on Maps and select any of it. Click on three vertical dots and select Edit a copy. This will open the MapTiler Edit style tool.

MapTiler Cloud administration with Edit a copy MapTiler Cloud administration with Edit a copy

Create own map design to fit your brand

Everything that is visible on the map is listed on the left side panel in the Edit style tool under Layers tab. By clicking on each layer, you will see information about the layer and change the attributes like minimal and maximal zoom level for displaying, you can add filter with conditions (for instance hide a POI based on the name), change map colors, opacity, width of the line, blur, shape of the icon and much more.

The number of layers and what is included depends on what base map you start to edit. Each map style contains different data, which are mostly based on OpenStreetMap.

By hovering a mouse over the layer, you can delete the layer, create a duplicate or make it invisible. By drag and drop, you can also shuffle layers order, which will have an effect on the final map.

MapTiler Edit style tool MapTiler Edit style tool

Inspect the map to learn more about what can be changed

In the top right corner, you can switch between Inspect mode and Map mode. The Map mode shows the map as it will look like after being saved. By hovering a mouse over a map element in the Inspect mode you will get all information about selected map element, which you can use for map design.

MapTiler Edit style tool in Inspect mode MapTiler Edit style tool in Inspect mode

Add custom geodata to create own map

To add custom geodata to your map, they need to be first uploaded to MapTiler Cloud. This can be done in the administration by clicking on Datasets -> New dataset. Supported format is MBTiles with raster tiles in PNG or JPG. You can turn an image into MBTiles using MapTiler Desktop.

Once uploaded, they become available from Sources in the top right corner in the Edit style tool. By clicking on any available source, they will move to Active sources. When you have all desired sources activated, close the window. Now you need to add to layers by clicking on Add Layer in the top left corner. Write down the layer ID (how do you like to call this layer in the Layers menu), select a Type (in case of MBTiles from MapTiler Desktop it is Raster) and Source (which is the name of the source with a “+” sign on the beginning in case of our own layer).

Now you have your own layer activated and work with it as with any other.

MapTiler Edit style tool with own data MapTiler Edit style tool with own data

Use GeoJSON to write your own map style

All adjustments can also be done using GeoJSON. The JSON editor is available on the bottom of the Layer tab.

You can also upload your own map style in JSON format. This can be done in the MapTiler Cloud administration by clicking on the Maps -> New Map -> Upload own style.

MapTiler Edit style tool with JSON editor MapTiler Edit style tool with JSON editor

Save your edits and deploy to a production environment

When you are happy with your changes, click on the Save button in the top right corner. Your changes are now saved.

In the MapTiler Cloud administration, you can now click on the map and either click on the three vertical dots to Edit style again or to Deploy your map. If you deploy the map, all services we offer you will be automatically available for your map as well.

Deploy your map to get all services available Deploy your map to get all services available