1

Install Maplibre

npm install maplibre-gl
2

Create Solvice Account

Copy the API key.

3

Choose a Solvice style

Do you prefer a light or dark theme? Choose one of the following styles: light, dark or color.

var map = new maplibregl.Map({
container: "map",
hash: true,
center: [-122.4194, 37.7749],
zoom: 12,
style: 'https://cdn.solvice.io/styles/light.json',
});
4

Add API key

style: 'https://cdn.solvice.io/styles/light.json?key=API_KEY'

And change API_KEY with your own key.

​
Full example

Vector TilesLeaflet