Switch to dark mode inside tunnels

In this example, we illustrate how to modify the map display (between light and dark modes) based on the location within a specific route.

To mimic the movement of a vehicle, we employ an animated point along the route. In this scenario, we simulate the vehicle entering a tunnel, prompting a switch to the dark map style. Subsequently, when the vehicle exits the tunnel, we revert back to the light map style. You can download the vehicle image, and obtain the route geoJSON file.

Related examples

Change to dark mode at sunset

Example

This example shows how to change the map mode between light and dark based on the time of day.

Set dark mode based on system settings

Example

This example shows how to change the map mode (light/dark) based on system settings.

Built-in map styles

Example

Our built-in styles are designed to make it easier for you to create beautiful maps, without the need for extra coding or worrying about outdated versions.

Change map styles

Example

This tutorial shows how to change the map styles, you can switch between the built-in maps and your own custom maps.