How to turn on the globe projection

This example shows how to turn on the globe projection. Creating a 3D globe view of your map requires only a single line of code. Simply include the projection option within the map constructor, specifying the globe projection.

The choice between Mercator and Globe can be done at different levels and moments in the lifecycle of the map, yet, unless stated otherwise, Mercator remains the default.







  

      
        
          
          Projection control how to toggle the map between mercator and globe projection
        
        
Projection control (globe)

        Example
        
This tutorial shows how to add the projection control that toggles the map between "mercator" and "globe" projection.

      
    
   
  

      
        
          
          How to switch map projection programmatically
        
        
Switch between “mercator” and “globe”

        Example
        
This example shows how to switch between “mercator” and “globe” map projection programmatically.

      
    
   
  

      
        
          
          Create a globe map with ocean bathymetry terrain elevation
        
        
Globe with ocean bathymetry

        Example
        
Create a globe map with ocean bathymetry terrain elevation.

      
    
   
  

      
        
          
          Display a 3D terrain map
        
        
3D terrain map

        Example
        
This tutorial demonstrates how to create a 3D terrain map and display it on a web page using MapTiler Cloud.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS