Add a milkyway and stars background to the globe

Use the space preset option in the map constructor to provide a more realistic space background for your maps.

This option only takes effect when used in conjunction with the projection: 'globe' parameter.

In this example, we’ll use a Milky Way background, but you can choose: star backgrounds, space backgrounds, and more. See all the predefined presets backgrounds.








  

  

  

  
  

  
  
  
  




Learn more



For space customization and options, check the CubemapLayerConstructorOptions.






  

      
        
          
          Add a custom halo around the globe
        
        
Globe with custom halo

        Example
        
Create a custom halo, define a radial gradient with scale and stops to add a custom atmospheric glow around the globe.

      
    
   
  

      
        
          
          Add a start space background to the globe
        
        
Globe with initial space background

        Example
        
Add a start space background enviroment to the globe, simulating deep space.

      
    
   
  

      
        
          
          Add a custom milkyway, stars and halo background to the globe
        
        
Globe with milkyway and halo

        Example
        
Customize the map background to create a red Milky Way effect and create a halo around the Earth.

      
    
   
  

      
        
          
          Add a 3D model to globe using MapTiler 3D JS
        
        
Add a 3D model to globe using MapTiler 3D JS

        Example
        
Add a 3D model to globe using MapTiler 3D JS module.

      
    
   
  



  
  

  
    An extension of MapLibre GL JS