Map Styles

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

Style Endpoint pattern

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

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

How to implement a style

const apiKey = 'YOUR_MAPPINEST_KEY';

const map = new maplibregl.Map({
  container: 'map',
  style: `https://api.mappinest.com/v1/styles/light/style.json?key=${apiKey}`,
  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.

What to read next

• StyleJSON>
• Load a map style in MapLibre GL JS>
• Load a map style in Mapbox GL JS>
• Load a map style in OpenLayers>
• Load a map style in Leaflet>