Change between light and dark mode based on the time of day

This example demonstrates the process of altering the map display from a light to a dark mode, depending on the current time of day.

To achieve this, the MapTiler Geolocation API is utilized to acquire the user’s location data, while the SunCalc library is employed to compute the sunrise and sunset timings based on the user’s location.

Related examples

Set dark mode based on system settings

Examples

Switch map light/dark mode based on system color settings.

Switch to dark mode inside tunnels

Examples

Change map style to dark mode when entering tunnels.

Built-in map styles

Tutorials

Easily create beautiful maps using reliable built-in styles.

Change map styles

Tutorials

Switch between built-in and custom map styles dynamically.