---
title: "Get features under the mouse pointer | JavaScript maps SDK"
description: "Show properties of hovered map elements with queryRenderedFeatures."
---
> 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 features under the mouse pointer
Use the [`queryRenderedFeatures`](https://docs.maptiler.com/sdk-js/api/map/#map#queryrenderedfeatures) function to display the attributes of map elements when they are hovered over.
### 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',
style: MapStyle.STREETS,
center: [-96, 37.8],
zoom: 3
});
map.on('mousemove', function (e) {
const features = map.queryRenderedFeatures(e.point);
// Limit the number of properties we're displaying for
// legibility and performance
const displayProperties = [
'type',
'properties',
'id',
'layer',
'source',
'sourceLayer',
'state'
];
const displayFeatures = features.map(function (feat) {
const displayFeat = {};
displayProperties.forEach(function (prop) {
displayFeat[prop] = feat[prop];
});
return displayFeat;
});
document.getElementById('features').innerHTML = JSON.stringify(
displayFeatures,
null,
2
);
});
```
#### index.html
```html
Get features under 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 features under the mouse pointer
```
## Related examples
### [Get coordinates of the mouse pointer](https://docs.maptiler.com/sdk-js/examples/mouse-position/)
Examples
Show mouse position on hover with coordinates.
### [Display a popup on hover](https://docs.maptiler.com/sdk-js/examples/popup-on-hover/)
Examples
Show a popup when hovering over a custom marker.
### [Get POIs information on click](https://docs.maptiler.com/sdk-js/examples/pois-info/)
Examples
Get POI information by clicking the map.