Moving marker on click

This example demonstrates how to reposition a marker by clicking on the map. By utilizing the map’s click event, we can dynamically update the marker’s location to match the exact coordinates where the user has clicked. This interactive functionality allows for seamless marker placement and movement across the map.

Click on the map to move the marker.







  

      
        
          
          Display simple marker on the map
        
        
Display marker

        Example
        
This tutorial shows how to add a default marker to the map.

      
    
   
  

      
        
          
          Add an icon to the map
        
        
Add an icon to the map

        Example
        
Add an icon to the map from an external URL and use it in a symbol layer.

      
    
   
  

      
        
          
          Attach a popup to a marker instance
        
        
Attach a popup to a marker instance

        Example
        
Attach a popup to a marker and display it on click.

      
    
   
  

      
        
          
          How to create non-colliding marker overlays
        
        
Marker Layout (filter)

        Example
        
Create non-colliding marker overlays to display the information from the city and town label layers.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS