Create a hover effect

Create a hover effect for individual map features by utilizing events and feature states. This allows you to highlight specific elements on the map when they are hovered over by the user.




Related examples




  
  
  
    

      
        
          
          Display a popup on hover
        
        
Display a popup on hover

        Example
        
When a user hovers over a custom marker, show a popup containing more information.

      
    

    

      
        
          
          Get features under the mouse pointer
        
        
Get features under the mouse pointer

        Example
        
Use queryRenderedFeatures to show properties of hovered-over map elements.

      
    

    

      
        
          
          Interactive choropleth map
        
        
Interactive choropleth map

        Example
        
Use events and feature states to create a interactive choropleth map.

      
    




      
      

      
        An extension of MapLibre GL JS