---
title: "Fly to a location | JavaScript maps SDK"
description: "Smoothly interpolate between locations using the flyTo animation."
---
> 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.
# Fly to a location
Use [`flyTo`](https://docs.maptiler.com/sdk-js/api/map/#map#flyto) to smoothly interpolate between 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 map = new Map({
container: 'map',
style: MapStyle.STREETS,
center: [74.241, 41.201],
zoom: 6.16
});
//
document.getElementById('fly').addEventListener('click', function () {
// Fly to a random location by offsetting the point 74.241, 41.201
// by up to 5 degrees.
map.flyTo({
center: [
74.241 + (Math.random() - 0.5) * 10,
41.201 + (Math.random() - 0.5) * 10
],
essential: true // this animation is considered essential with respect to prefers-reduced-motion
});
});
```
#### index.html
```html
Fly to a location | NPM example
```
#### style.css
```css
body {margin: 0; padding: 0;}
#map {position: absolute; top: 0; bottom: 0; width: 100%;}
```
### Basic JavaScript setup
```html
Fly to a location
```
## 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.
### [Slowly fly to a location](https://docs.maptiler.com/sdk-js/examples/flyto-options/)
Examples
Slowly zoom to locations using flyTo with flyOptions.
### [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.