MapTiler SDK JS 3D objects/models module.
On this page

    Display an animated 3D model

    With animation, your 3D models take on a whole new dimension. You can bring them to life and display them on a map. If your 3D model has animations you can play these animations with the 3D JS module of the MapTiler SDK.

    This demonstration showcases how to add a animated 3D model in a map.

    

    


    

  
    
    
    
    
    
  
    

  

  

  


    


    
  
    
  Model by Mirada for 3 Dreams of Black ↩
    

    




    
  
  
  
  

  
    
    
      
        
        Import and play GLTF animations from GLTF files
      
      
    Play GLTF animations
    

      
      Examples

      
    
        Play animations in GLTF models simulating a plane flight.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        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.
      
    
        
  
    
  
  
  
  

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

      
      Examples

      
    
        Incorporate multiple 3D models with adjustable parameters on maps.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Display an animated 3D model
    
  
    Animate a 3D model