Animate a 3D plane flight

Use the MapTiler 3D JS module to simulate and animate a plane flight between two cities. Thanks to the 3D JS module we can track the flight position of a airplane.

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 ↩





Related examples




  
  
  
    

      
        
          
          Add a 3D model with babylon.js
        
        
Add a 3D model with babylon.js

        Example
        
Use a custom style layer with babylon.js to add a 3D model to the map.

      
    

    

      
        
          
          Add a airplane 3D model
        
        
Add a plane 3D model

        Example
        
Use the MapTiler 3D JS module to add a airplane model to the map.

      
    

  
  
    

      
        
          
          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.

      
    

  
  
    
  
  
    

      
        
          
          Getting started with AR maps: Display an AR control on your maps
        
        
Start with AR maps

        Example
        
Getting started with AR maps: The Augmented reality (AR) control adds a button on your map to create a 3D model of the viewport, including 3D terrain and any layer you have put on top. Compatible with WebXR or Apple Quick Look.

      
    




      
      

      
        An extension of MapLibre GL JS