---
title: "Get coordinates of the mouse pointer | JavaScript maps SDK"
description: "Show mouse position on hover with coordinates."
---
> 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.
# Get coordinates of the mouse pointer
Show mouse position on hover with pixel and latitude and longitude coordinates.
### 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 id
style: MapStyle.STREETS,
center: [-122.42162, 37.78106], // starting position
zoom: 12.69 // starting zoom
});
map.on('mousemove', function (e) {
document.getElementById('info').innerHTML =
// e.point is the x, y coordinates of the mousemove event relative
// to the top-left corner of the map
JSON.stringify(e.point) +
' ' +
// e.lngLat is the longitude, latitude geographical position of the event
JSON.stringify(e.lngLat.wrap());
});
```
#### index.html
```html
Get coordinates of the mouse pointer
```
#### style.css
```css
body {margin: 0; padding: 0;}
#map {position: absolute; top: 0; bottom: 0; width: 100%;}
```
### Basic JavaScript setup
```html
Get coordinates of the mouse pointer
```
## Related examples
### [Show drawn polygon area](https://docs.maptiler.com/sdk-js/examples/mapbox-gl-draw/)
Examples
Use mapbox-gl-draw to draw a polygon and Turf.js to calculate its area in square meters.
### [Measure distances](https://docs.maptiler.com/sdk-js/examples/measure/)
Examples
To calculate distances on the map, simply click on different points to create lines that will measure the distances using turf.length.
### [Get features under the mouse pointer](https://docs.maptiler.com/sdk-js/examples/queryrenderedfeatures/)
Examples
Show properties of hovered map elements with queryRenderedFeatures.