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

This example shows how to simulate and animate a airplane flight in a globe using MapTiler 3D JS module. Thanks to the 3D JS module we can track the flight position of a 3D model.

This demonstration showcases a compact control interface that allows us to animate the plane flight and track the position.





  
plane a340 by mamont nikita is licensed under Creative Commons Attribution ↩








  

      
        
          
          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 3D terrain elevation
        
        
Globe with elevation terrain

        Example
        
Create a globe map with 3D terrain elevation.

      
    
   
  

      
        
          
          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.

      
    
   
  

      
        
          
          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.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS