Loading light / dark mode and map editor mode map styles

In this article, you will learn how to upload light / dark mode and map editor mode map styles into PAM.

Before proceeding with this article, we have provided you with map templates that you can use for upload. Refer to them below.

Downloadable templates

1. Editor Mode Map Style (for Map Editor), click here to download

2. Light Mode Map Style (for eXplorer Map), click here to download

3. Dark Mode Map Style (for eXplorer Map), click here to download


Map styles for light and dark mode

Map styles allow for the customisation of how the colour of your map may look like in certain conditions.

For example, if you upload a blue map style colour for light map mode, it means that the map will become blue. If you upload a black map style colour for dark map mode, it means that the map will become black.

When light mode is turned on = blue coloured map

When dark mode is turned on = black coloured map

This can be seen when the user switches between the light and dark mode button when using either Interactive Kiosk or Explorer.


Map styles for Map Editor

For uploading a Map Editor mode map style, this means that when you go into Map Editor and make changes to locations or decide to create new locations, the map colour can be changed to a different look and feel.

As shown below, the colour of the map is using a very light grey-coloured map style. The area where the user has constructed their buildings and other locations shows a bit more colour but it uses the light grey map style as the foundation.


How to upload light, dark and editor mode map styles into PAM

Steps

1. In the PAM navigation menu, go to Settings

2. Click on Map Configuration on the left side panel

3. Remain underneath the heading Mapbox Styles

4. Under the heading Mapbox Styles, upload each .json file individually into Light Style, Dark Style, and Editor Style respectively

5. Save changes

Hint: To preview light and dark mode map styles, open your Interactive kiosk (if you haven’t created an interactive kiosk, you can click here) or preview within Digital Sign Manager


Video reference