On this page

    Animate a line

    Animate a line by updating a GeoJSON source on each frame.

    

    


    

  
    
    
    
    
    
  
    

  

  

  


    




    
  
  
  
  

  
    
    
      
        
        Update a feature in realtime
      
      
    Update a feature in realtime
    

      
      Examples

      
    
        Change an existing feature on your map in real-time by updating its data.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Show line data from GeoJSON on the map
      
      
    GeoJSON line layer
    

      
      Tutorials

      
    
        Add a GeoJSON line overlay to the map application.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Animate a line
    
  
    Animate a line