Migration

1
2
3
4
5
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/vx.x.x/mapbox-gl.js"></script>
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/vx.x.x/mapbox-gl.css" rel="stylesheet" />

<script src=https://unpkg.com/maplibre-gl@3.2.1/dist/maplibre-gl.js></script>
<link href=https://unpkg.com/maplibre-gl@3.2.1/dist/maplibre-gl.css rel="stylesheet" />

1
2
3
4
5
6
7
8
const apiKey = "YOUR_API_KEY";
const map = new maplibregl.Map({
  container: 'map',
  style: 'https://api.maptiler.com/maps/streets/style.json?key=get_your_own_OpIi9ZULNHzrESv6T2vL',
  style: `https://basemaps-api.arcgis.com/arcgis/rest/services/styles/ArcGIS:Streets?type=style&token=${apiKey}`,
  center: [12.550343, 55.665957],
  zoom: 8
});

1
2
3
4
5
6
7
8
const apiKey = "YOUR_API_KEY";
const map = new maplibregl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  style: `https://basemaps-api.arcgis.com/arcgis/rest/services/styles/ArcGIS:Navigation?type=style&token=${apiKey}`,
  center: [12.550343, 55.665957],
  zoom: 8
});