PMTiles Demo på bakgrunnskart uten servere (N250-datasett)

Interaktivt bakgrunnskart som benytter en enkelt cloud native PMTiles-fil for vector tiles med alle kartdata. Utforsk kartet og inspiser objekter med musen.

Kom i gang

Hvordan laste MapLibre GL JS

Inkluder MapLibre GL JS i <head>. Hvis du bruker npm, kan du installere maplibre-gl pakken. Husk å importere CSS også:

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

Initialiser det i en div slik:

<div id="map" style="width: 100%; height: 500px"></div>
<script>
  const map = new maplibregl.Map({
    style: "http://kartai.github.io/skygeo/pmtiles_bakgrunnskart/n250/style_n250_dark.json",
    center: [13.388, 52.517],
    zoom: 9.5,
    container: "map",
  })
</script>