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

This example shows how to add a 3D model to globe using MapTiler 3D JS module. The 3D JS module enables you to integrate multiple 3D objects onto the globe surface. You can adjust model sizes, create duplicates, position models at specific elevations above sea level, and more. This offers complete flexibility in manipulating your 3D models.





  

  

   ↩
  








  

      
        
          
          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.

      
    
   
  

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

        Example
        
Create a globe map with ocean bathymetry terrain elevation.

      
    
   
  

      
        
          
          Add multiple 3D models to the map
        
        
Add multiple 3D models

        Example
        
Use the MapTiler 3D JS module to add multiple 3D models to the map.

      
    
   
  

      
        
          
          Animate a 3D plane flight in a globe using MapTiler 3D JS
        
        
Animate a 3D plane flight in a globe

        Example
        
This example shows how to simulate and animate a airplane flight in a globe using MapTiler 3D JS module.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS