---
title: "Jump to a series of locations | JavaScript maps SDK"
description: "Use the jumpTo function to showcase multiple locations."
---
> 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.
# Jump to a series of locations
Use the [`jumpTo` function](https://docs.maptiler.com/sdk-js/api/map/#map#jumpto) to showcase multiple locations.
### 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 cities = {
'type': 'FeatureCollection',
'features': [
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [100.507, 13.745]
}
},
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [98.993, 18.793]
}
},
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [99.838, 19.924]
}
},
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [102.812, 17.408]
}
},
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [100.458, 7.001]
}
},
{
'type': 'Feature',
'properties': {},
'geometry': {
'type': 'Point',
'coordinates': [100.905, 12.935]
}
}
]
};
const map = new Map({
container: 'map',
style: MapStyle.STREETS,
center: [100.507, 13.745],
zoom: 9
});
map.on('load', function () {
cities.features.forEach(function (city, index) {
setTimeout(function () {
map.jumpTo({ center: city.geometry.coordinates });
}, 2000 * index);
});
});
```
#### index.html
```html
Jump to a series of locations | NPM example
```
#### style.css
```css
body {margin: 0; padding: 0;}
#map {position: absolute; top: 0; bottom: 0; width: 100%;}
```
### Basic JavaScript setup
```html
Jump to a series of locations
```
## Related examples
### [Fit to the bounds of a lineString](https://docs.maptiler.com/sdk-js/examples/zoomto-linestring/)
Examples
Get the bounds of a lineString.
### [Fit a map to a bounding box](https://docs.maptiler.com/sdk-js/examples/fitbounds/)
Examples
Fit map to a specific area using fitBounds method.
### [Fly to a location](https://docs.maptiler.com/sdk-js/examples/flyto/)
Examples
Smoothly interpolate between locations using the flyTo animation.
### [Fly to a location based on the scroll position](https://docs.maptiler.com/sdk-js/examples/scroll-fly-to/)
Examples
Fly to locations on the map by scrolling.