On this page

    Center the map on a clicked symbol

    Use events and flyTo to center the map on a symbol.

    

    


    

  
    
    
    
    
    
  
    

  

  

  


    




    
  
  
  
  

  
    
    
      
        
        Display a popup on click
      
      
    Display a popup on click
    

      
      Examples

      
    
        Display a popup when a user clicks a symbol.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Create a story map, fly to a location based on the scroll position
      
      
    Fly to a location based on the scroll position
    

      
      Examples

      
    
        Fly to locations on the map by scrolling.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Fit to the bounds of a lineString
      
      
    Fit to the bounds of a lineString
    

      
      Examples

      
    
        Get the bounds of a lineString.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Fly to a location
      
      
    Fly to a location
    

      
      Examples

      
    
        Smoothly interpolate between locations using the flyTo animation.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Center the map on a clicked symbol
    
  
    Center the map on a clicked symbol