Map Styles

Mappinest currently provides four ready-to-use map styles. Each style has a stable style ID and can be loaded through the same StyleJSON endpoint pattern.

Style ID pattern

Choose one of the supported style IDs from the table and replace only the {styleId} part in the URL. For basemap integrations, use the StyleJSON URL shown above.

Style Name	StyleJSON URL	Preview image
streets	https://api.mappinest.com/styles/streets/style.json?key=YOUR_KEY
light	https://api.mappinest.com/styles/light/style.json?key=YOUR_KEY
dark	https://api.mappinest.com/styles/dark/style.json?key=YOUR_KEY
satellite	https://api.mappinest.com/styles/satellite/style.json?key=YOUR_KEY

How to implement a style

const map = new maplibregl.Map({
  container: 'map',
  style: 'https://api.mappinest.com/styles/light/style.json?key=YOUR_KEY',
  center: [15, 45],
  zoom: 5
});

Schema and source layers

The vector layers used by these styles broadly follow the OpenMapTiles schema. That makes it easier to inspect source-layer names and compare behavior with other OpenMapTiles-based map styles.

• StyleJSON>
• SDK examples>
• Mapbox GL JS>
• MapLibre GL>