Animate routes with a dynamic camera

Animate multidimensional routes with a dynamic camera that follows the journey in real-time. Whether it’s a high-altitude flight or a ground-level drive, provide clear spatial and temporal context by syncing 3D transport models with precise path data.

This demonstration showcases how to animate multidimensional routes in a map.








  

    
    

    
  


  

  

  






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

  

  Model by scailman for Low Poly Small car ↩

  

  Model by pedrosvalero for Main Boat From Over The Seas GGJ'17 ↩








  
  
  
  

  

    
      
        
        Animations and Animated Routes
      
      
Animations and Animated Routes


      
      Examples

      

        Animates a path or route on the map based on keyframes or GeoJSON data.
      

    
  

  
  
  
  

  

    
      
        
        Add events on 3D models
      
      
3D model events


      
      Examples

      

        Listen for mouse events on 3D models in maps.
      

    
  

  
  
  
  

  

    
      
        
        Animate a 3D plane flight
      
      
Animate a 3D plane flight


      
      Examples

      

        Simulate and animate a 3D plane flight between cities.
      

    
  

  
  
  
  

  

    
      
        
        Import and play GLTF animations from GLTF files
      
      
Play GLTF animations


      
      Examples

      

        Play animations in GLTF models simulating a plane flight.
      

    
  

  




  
  

  
    An extension of MapLibre GL JS