Cooperative gestures

This example shows how to enable cooperative gestures with a specific language.

See how it behaves: on desktop, zoom using the mouse wheel. On mobile, touch and move the map.

Windows: Use Ctrl + scroll to zoom the map.
Mac: Use ⌘ + scroll to zoom the map.
Mobile: Use two fingers to move the map.






  

      
        
          
          Hide map navigation controls
        
        
Hide map navigation controls

        Example
        
This tutorial shows how to hide the navigation control (zoom and rotation controls to the map).

      
    
   
  

      
        
          
          Display a non-interactive map
        
        
Display a non-interactive map

        Example
        
Disable interactivity to create a static map.

      
    
   
  

      
        
          
          Disable scroll zoom
        
        
Disable scroll zoom

        Example
        
Prevent scroll from zooming a map.

      
    
   
  

      
        
          
          Toggle interactions
        
        
Toggle interactions

        Example
        
Enable or disable UI handlers on a map.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    


    
    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference

                  
                
            

            
          
        
          
            
          
        
          
            
          
        
          
            
          
        
        

        

        
        
    

  

  

    

  

    
Was this helpful?