---
title: "Moving marker on click | JavaScript maps SDK"
description: "Move a map marker by clicking on it."
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# 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.
### NPM module setup
```bash
npm install --save @maptiler/sdk
```
#### main.js
```js
import { Map, MapStyle, config } from '@maptiler/sdk';
import '@maptiler/sdk/dist/maptiler-sdk.css';
config.apiKey = 'YOUR_MAPTILER_API_KEY_HERE';
const map = new Map({
container: 'map', // container's id or the HTML element to render the map
style: MapStyle.STREETS,
center: [12.550343, 55.665957], // starting position [lng, lat]
zoom: 9, // starting zoom
});
const marker = new maptilersdk.Marker()
.setLngLat([lng, lat])
.addTo(map);
map.on('click', (evt) => {
marker.setLngLat(evt.lngLat);
});
```
#### index.html
```html
Moving marker on click | NPM example
```
#### style.css
```css
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
```
### Basic JavaScript setup
```html
Move a marker
```
## Related examples
### [Display marker](https://docs.maptiler.com/sdk-js/examples/default-marker/)
Tutorials
Learn how to add a default marker to your map.
### [Add an icon to the map](https://docs.maptiler.com/sdk-js/examples/add-image/)
Examples
Add icons from external URLs to symbol map layers.
### [Attach a popup to a marker instance](https://docs.maptiler.com/sdk-js/examples/set-popup/)
Examples
Attach and display a popup to a map marker.
### [Filtered Marker Layout](https://docs.maptiler.com/sdk-js/examples/marker-layout-basic/)
Examples
Create non-colliding marker overlays to display the information from the city and town label layers.