---
title: "Display a satellite map | JavaScript maps SDK"
description: "Display a satellite raster map baselayer."
---
> 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.
# Display a satellite map
Display a satellite map in your web mapping application. Our built-in styles (streets, satellite, hybrid, outdoor, winter, dark, etc.) are designed to make it easier for you to create beautiful maps. No need for extra coding or worrying about outdated versions. Check out the available [list of built-in styles](https://docs.maptiler.com/sdk-js/api/map-styles/#mapstylelist).
[MapTiler’s satellite](https://www.maptiler.com/maps/satellite/) map provides up-to-date satellite imagery for the whole world, high resolution detailed aerial imagery for many countries.
### 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.SATELLITE,
center: [17.100917, 48.142691], // starting position [lng, lat]
zoom: 15.71// starting zoom
});
```
#### index.html
```html
Display a satellite map | NPM example
```
#### style.css
```css
body {margin: 0; padding: 0;}
#map {position: absolute; top: 0; bottom: 0; width: 100%;}
```
### Basic JavaScript setup
```html
Display a satellite map
```
## Related examples
### [Built-in map styles](https://docs.maptiler.com/sdk-js/examples/built-in-styles/)
Tutorials
Easily create beautiful maps using reliable built-in styles.
### [Raster layer](https://docs.maptiler.com/sdk-js/examples/raster-layer/)
Tutorials
Add a raster image overlay to the map.
### [Add a raster tile source](https://docs.maptiler.com/sdk-js/examples/map-tiles/)
Examples
Add a third-party raster source to the map.
### [Add hillshading](https://docs.maptiler.com/sdk-js/examples/hillshade/)
Examples
Add raster hillshading effect to a MapTiler map.