How to set Sky, Fog, Terrain

This tutorial shows how to create a map with sky, fog, and terrain and display it on a web page using MapTiler.

These features help improve the visual quality of your maps and create a more realistic environment. Adding fog and a dynamic sky enhances depth, while terrain makes elevation more visible, resulting in a more engaging map experience.

Related examples

Display marker

Tutorials

Learn how to add a default marker to your map.

3D terrain map

Tutorials

Create and display 3D terrain maps on web pages.

Switch from Mapbox

Tutorials

Guide for migrating from Mapbox GL JS to MapTiler SDK.

Switch from MapLibre

Tutorials

Steps to switch from MapLibre GL JS to MapTiler SDK.