Skip to main content

Create a map with atmosphere

Additional Developer Resources

  • This is a modified version of the Streets template style.

  • The data used in this example comes from the mapbox-streets-v8 tileset.

  • In Studio, atmosphere is added to the style by enabling atmosphere from the 3D tab.

Add to your account

About this style​

  • Atmosphere properties: Customize atmosphere by modifying the space color, high and low atmosphere colors, star intensity, and horizon blend. Learn more in the Mapbox Style Specification for fog.
  • Zoom levels: Zoom expressions can be used to create realistic atmosphere at different zoom levels. This example uses a zoom expression to change star intensity at high and low zooms.
  • Adaptive projection: This example uses the globe projection. Learn more about projections in the style specification.
  • Atmosphere / Fog: Atmosphere is referred to as fog in the Mapbox GL JS style specification, and is supported for both globe and mercator projections.

Looking for more guidance? Read our tutorials.

Additional Developer Resources
Was this example helpful?