Center the map on a clicked symbol

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




Related examples




  
  
  
    

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

        Example
        
Scroll down through the story and the map will fly to the chapter's location.

      
    

    

      
        
          
          Display a popup on click
        
        
Display a popup on click

        Example
        
When a user clicks a symbol, show a popup containing more information.

      
    

    

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

        Example
        
Get the bounds of a lineString.

      
    

    

      
        
          
          Fly to a location
        
        
Fly to a location

        Example
        
Use flyTo to smoothly interpolate between locations.

      
    




      
      

      
        An extension of MapLibre GL JS