On this page

    Add an animated icon to the map

    Add an animated icon to the map that was generated at runtime with the Canvas API.

    

    


    

  
    
    
    
    
    
  
    

  

  

  


    




    
  
  
  
  

  
    
    
      
        
        Animate a line
      
      
    Animate a line
    

      
      Examples

      
    
        Animate lines by updating GeoJSON sources on every frame.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Animate a marker
      
      
    Animate a marker
    

      
      Examples

      
    
        Animate map marker positions by updating locations each frame.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Animate a point along a route
      
      
    Animate a point along a route
    

      
      Examples

      
    
        Smoothly animate a point along a route using Turf.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Add an animated icon to the map
    
  
    Add an animated icon to the map