maptilersdk.config.apiKey = 'YOUR_MAPTILER_KEY'; const map = new maptilersdk.Map({ container: 'map', style: maptilersdk.MapStyle.SATELLITE, center: [12.4964, 41.9028], zoom: 15 }); new maptilersdk.Marker({ color: '#9C27B0' }) .setLngLat([12.4922, 41.8902]) .setPopup(new maptilersdk.Popup().setHTML('<b>Colosseum</b>')) .addTo(map);

How it works

Set style: maptilersdk.MapStyle.SATELLITE to use satellite imagery as the basemap. The SDK resolves this to the latest MapTiler satellite style automatically.

Satellite imagery is raster-based and shows real-world aerial photography. Markers, layers, and controls work identically to vector styles.

For satellite with road labels overlaid, use MapStyle.HYBRID instead.

Key APIs

API	Description	Docs
`MapStyle.SATELLITE`	Satellite imagery style	docs.maptiler.com/sdk-js/api/
`MapStyle.HYBRID`	Satellite with labels	docs.maptiler.com/sdk-js/api/

FAQ

Is satellite imagery available globally?

Yes. MapTiler provides global satellite coverage. Resolution varies by region: urban areas typically have higher resolution than remote areas.

Can I add custom layers on top of satellite?

Yes. All layer types (fill, line, circle, symbol) render on top of the satellite basemap.

Common mistakes

Using MapStyle.SATELLITE when you need labels: use MapStyle.HYBRID for satellite with labels
Expecting vector tile features in satellite style: satellite is raster-only, vector data must be added as separate sources

Satellite Basemap with MapTiler SDK

How it works

Key APIs

FAQ

Common mistakes

Build maps using MapTiler SDK with AI

Related Examples