Custom Styling Maps

Custom Styling Maps


*The Road-style map provided by Google Maps is the only map that can be custom styled.*



Open the custom styling editor


Check if the Custom button is above the name Google on the base map selector that’s located in the bottom-right corner of the Map View.


If the Custom button isn’t there, click on the current map provider’s name.


Select Google as the map provider. Then right-click on the Road style map.


You will see the Custom button appear above the name Google.


Click on the Custom button.


The custom styling editor will appear.



Custom style your map in Simple Mode


You can toggle whether these features of the map are displayed in the preview:

  • Labels (Road, Political, POI, Landscape, Transit, Water).

  • Geometry (Road, Political, POI, Landscape, Transit, Water).

Note: POI is points of interest, such as a sports complex.


You can also change the map’s main color (Black/White, Red, Green, Blue, Orange, Invert).

Note: Invert replaces light with dark, and dark with light. You can combine Invert with any one of the other colors.


In the map preview, you can zoom and move to see how the changes will look.


To make the custom style take effect in the Map View, click on the button: Save Custom Style.


In the Map View, you will see Custom Style is the selected style on the base map selector.



Custom style your map in Advanced Mode


Open the custom styling editor.


To make detailed modifications to all or specific map features, click the button: Advanced Mode.


In the top left-corner, search for the map feature you want to change. For example, transit station. So the set of modifications will affect all of the transit stations on the map.


The set of modifications made to a map feature is called a “styler”.


While you are experimenting with different modifications, you can compare the map in the:

  • Styler Preview - displays the styler currently being modified.

  • Styled Map - displays the stylers that have been added to the list pane.

In the map previews, you can zoom and move to see how the changes will look.


You create a styler by modifying these visual parameters of the map feature:

  • Hue - (type-in the hex color code or select the color).

  • Lightness - (0 is the default, -100 is extreme dark, +100 is extreme bright).

  • Saturation - (0 is the default, -100 is gray, +100 is rich).

  • Gamma - (1 is the default, 0.01 is _____, 10 is _____).

  • Weight - (0 is the default of no thickness, 50 is very thick).

You can also check the box to Invert Lightness.


Under the Element heading, you can select whether the modifications will affect:

  • All (both geometry and label).

  • Geometry (only).

  • Label (only).


Under the Visibility heading, you can select whether display of the map feature will be:

  • On (visible).

  • Off (not visible).

  • Simplified (default backgrounds, highlights, etc. on certain map features won’t be displayed).


When you have finished modifying the map feature, click on the button: Add Styler.


You will see the styler added to the list pane on the right-side of the editor window.


Continue creating stylers for all of the map features that you want to modify.


If you want to delete one of the stylers, click on the Trash Can Icon next to the styler in the list pane.


When you have finished creating all of the stylers, click on the button: Save Style.


In the Map View, you will see Custom Style is the selected style on the base map selector.



Save your map


Make sure to save your map if you want to keep the custom styled map that you created.


Click on the Menu button in the top menu bar.


Click Save Map.

Feedback and Knowledge Base