Add a custom halo around the globe

Use the halo option in the map constructor to create a custom halo. You can define a radial gradient with scale and stops to add a custom atmospheric glow around the globe.

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








  

  

  

  
  

  
  
  
  




Learn more



For halo customization, check the RadialGradientLayerConstructorOptions.






  

      
        
          
          Add an atmospheric glow (halo) around the globe
        
        
Globe with halo

        Example
        
Adds an atmospheric glow around the globe, simulating the visual effect of Earth's atmosphere when viewed from space.

      
    
   
  

      
        
          
          Custom night satellite image in a goble with space background
        
        
Night globe in space

        Example
        
Use a custom map of the Earth's satellite image at night and display it on a globe with a space background.

      
    
   
  

      
        
          
          Add a milkyway and stars background to the globe
        
        
Globe with milkyway and stars

        Example
        
Add a milkyway and stars background to the globe.

      
    
   
  

      
        
          
          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