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.

The model used in this example is “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