On this page

    Create a globe map with ocean bathymetry terrain elevation

    Show a detailed 3D globe map of the ocean’s seafloor and its bathymetry.

    Increase the authenticity of your web mapping applications and data by using the globe projection and incorporating ocean relief into your maps. This will provide a greater sense of realism and depth to your visuals.

    

    


    

  
    
    
    
    
    
  
    

  

  

  


    




    
  
  
  
  

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

      
      Tutorials

      
    
        Toggle between Mercator and globe projections using map controls.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Create a globe map with 3D terrain elevation
      
      
    Globe with elevation terrain
    

      
      Examples

      
    
        Create a 3D globe map featuring terrain elevation.
      
    
        
  
    
  
  
  
  

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

      
      Examples

      
    
        Programmatically switch between Mercator and globe map projections.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Display a 3D terrain map
      
      
    3D terrain map
    

      
      Tutorials

      
    
        Create and display 3D terrain maps on web pages.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Create a globe map with ocean bathymetry terrain elevation
    
  
    Globe with ocean bathymetry