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.}

Related examples

Display marker

Example

This tutorial shows how to add a default marker 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

Example

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

Marker Layout (filter)

Example

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