Skip to content

Alidade Satellite

Free

Starter

Standard

Professional

Styled Raster Tiles

Static Maps API

Using fresh, brilliant, and sharp imagery, the Alidade Satellite style turns planet earth into your canvas. This style uses satellite and aerial imagery as a base, and layers labels and outlines of major features on top to create a solid contextual backdrop for your data.

Preview and Use Alidade Satellite

© CNES, Distribution Airbus DS, © Airbus DS, © PlanetObserver (Contains Copernicus Data) | © Stadia Maps © OpenMapTiles © OpenStreetMap

Vector Style
https://tiles.stadiamaps.com/styles/alidade_satellite.json
Vector Style (API key auth)
https://tiles.stadiamaps.com/styles/alidade_satellite.json?api_key=YOUR-API-KEY
Raster XYZ JPG URL format (up to zoom 20)
https://tiles.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}{r}.jpg
Raster XYZ JPG URL format (up to zoom 20; for OpenLayers, QGIS, MapLibre, and other renderers without retina placeholder support)
https://tiles.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}@2x.jpg
Imagery-only Layer (XYZ 512x512 JPEG; up to zoom 18)†
https://tiles.stadiamaps.com/data/imagery/{z}/{x}/{y}.jpg
Static Maps API Base URL
https://tiles.stadiamaps.com/static/alidade_satellite.jpg
Raster TileJSON
https://tiles.stadiamaps.com/styles/alidade_satellite/rendered.json

What do {x}, {y}, {z}, and {r} mean?

The {x}, {y}, and {z} placeholders represent x, y, and zoom following the standard slippy map tilename convention. This format is used by most popular libraries. Note that our tile numbering uses the XYZ scheme, not TMS.

The {r} placeholder is used for HiDPI ("retina") display suppoort. Popular web map renderers like Leaflet understand this placeholder. If your renderer does not understand this (e.g., MapLibre GL JS or QGIS), you can either remove the placeholder to get raw 256x256 PNGs, or replace it with @2x for 2x scaled images.

Our EU endpoints allow you to explicitly route all requests to our EU servers. See our EU Endpoints page for more details.

Vector Style
https://tiles-eu.stadiamaps.com/styles/alidade_satellite.json
Vector Style (API key auth)
https://tiles-eu.stadiamaps.com/styles/alidade_satellite.json?api_key=YOUR-API-KEY
Raster XYZ JPG URL format (up to zoom 20)
https://tiles-eu.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}{r}.jpg
Raster XYZ JPG URL format (up to zoom 20; for OpenLayers, QGIS, MapLibre, and other renderers without retina placeholder support)
https://tiles-eu.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}@2x.jpg
Imagery-only Layer (XYZ 512x512 JPEG; up to zoom 18)†
https://tiles-eu.stadiamaps.com/data/imagery/{z}/{x}/{y}.jpg
Static Maps API Base URL
https://tiles-eu.stadiamaps.com/static/alidade_satellite.jpg
Raster TileJSON
https://tiles-eu.stadiamaps.com/styles/alidade_satellite/rendered.json

What do {x}, {y}, {z}, and {r} mean?

The {x}, {y}, and {z} placeholders represent x, y, and zoom following the standard slippy map tilename convention. This format is used by most popular libraries. Note that our tile numbering uses the XYZ scheme, not TMS.

The {r} placeholder is used for HiDPI ("retina") display suppoort. Popular web map renderers like Leaflet understand this placeholder. If your renderer does not understand this (e.g., MapLibre GL JS or QGIS), you can either remove the placeholder to get raw 256x256 PNGs, or replace it with @2x for 2x scaled images.

MapLibre GL JS is the most advanced vector map renderer for the web. If you need features like 3D perspective and client-side styling, MapLibre GL JS is generally the best option. Check out our tutorials to get started with your favorite web framework or vanilla JavaScript.

1
2
3
4
5
6
7
8
var map = new maplibregl.Map({
  container: 'map',
  // You can also explicitly request tiles from our EU servers using the following URL:
  // https://tiles-eu.stadiamaps.com/styles/alidade_satellite.json
  style: 'https://tiles.stadiamaps.com/styles/alidade_satellite.json',  // Style URL; see our documentation for more options
  center: [12, 53],  // Initial focus coordinate
  zoom: 4
});

Leaflet is one of the oldest mapping libraries still in active use, and its longevity is a testament to its quality. What it lacks in fancy 3D support, it makes up for in ease-of-use and a vibrant plugin ecosystem. Check out our tutorials to get started with your favorite web framework or vanilla JavaScript.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
// Initialize a map centered at (53, 12) at zoom level 5
var map = L.map('map').setView([53, 12], 5);

// Style URL format in XYZ format; see our documentation for more options
// You can also explicitly request tiles from our EU servers using the following URL:
// https://tiles-eu.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}.jpg
L.tileLayer('https://tiles.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}.jpg', {
    maxZoom: 16,

    attribution: '&copy; CNES, Distribution Airbus DS, &copy; Airbus DS, &copy; PlanetObserver (Contains Copernicus Data) | &copy; <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a> &copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a> &copy; <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>', 
}).addTo(map);

In OpenLayers v8.0.0 and newer, Stadia Maps is one of the bundled tile sources, so it's only a few lines of code to get started.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
const map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.StadiaMaps({
        layer: 'alidade_satellite',
        retina: false,
      }),
    }),
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([12, 53]),
    zoom: 5
  })
});

If you're using a version before v8.0.0, you'll need to create an XYZ source like so.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
const map = new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.XYZ({
        url: 'https://tiles.stadiamaps.com/tiles/alidade_satellite/{z}/{x}/{y}.jpg',
        attributions: [
          '&copy; CNES, Distribution Airbus DS, &copy; Airbus DS, &copy; PlanetObserver (Contains Copernicus Data) | &copy; <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a>',
          '&copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>',
          '&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'
        ],
        tilePixelRatio: 1,
        maxZoom: 16
      })
    }),
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([12, 53]),
    zoom: 5
  })
});

† If you need to customize the style, you may use the imagery as a layer among other layers as part of the final visualization product. Note that the tiles are 512x512px rather than the standard 256x256. As such, zoom levels are off by one. Bulk downloading is strictly prohibited. Please review our Terms of Service carefully to ensure that your use case complies. Email us if you have any questions.

Additional Attribution

If you are using our satellite imagery, you must also include attribution for the imagery. Most renderers should add this for you automatically. If yours does not, or you have opted to generate the attribution manually, please ensure that you include the following additional text. No hyperlink is required.

© CNES, Distribution Airbus DS, © Airbus DS, © PlanetObserver (Contains Copernicus Data)

Next Steps

Take the next step and follow one of our tutorials to set up a map for your website or app. Just plug in one of the appropriate URLs above!

Get Started With a Free Account