Eine Weltkarte für Ihre App,
mit 3D-Gelände.

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.css">
<style>#map { height: 480px; }</style>
<div id="map"></div>
<script type="module">
import * as maplibregl from "https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.mjs";

const map = new maplibregl.Map({
  container: "map",
  style: "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/light.json?lang=de",
  center: [8.54, 47.37], // Länge, Breite
  zoom: 13
});
map.addControl(new maplibregl.NavigationControl());
</script>

const map = new maplibregl.Map({
  container: "map",
  style: "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/light.json?terrain=1",
  center: [7.6586, 45.9763], // das Matterhorn
  zoom: 12.5,
  pitch: 70,
  maxPitch: 85
});
map.addControl(new maplibregl.NavigationControl({ visualizePitch: true }));

// die Geländequelle allein, für Ihren eigenen Stil:
// { "type": "raster-dem", "url": "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/terrain.json" }

<!-- Leaflet zeigt Vektorkarten über MapLibre, mit dem Plugin maplibre-gl-leaflet.
     Es braucht den klassischen Build (UMD) von MapLibre, den Version 5 noch hat. -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
<script src="https://unpkg.com/@maplibre/maplibre-gl-leaflet@0.1.4/leaflet-maplibre-gl.js"></script>
<style>#map { height: 480px; }</style>
<div id="map"></div>
<script>
const map = L.map("map").setView([47.37, 8.54], 13);
L.maplibreGL({
  style: "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/light.json"
}).addTo(map);
</script>

import Map from "ol/Map";
import { apply } from "ol-mapbox-style";

const map = new Map({ target: "map" });
apply(map, "https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/light.json");

Layer → Layer hinzufügen → Vektorkachel-Layer hinzufügen → Neu → Neue generische Verbindung

Name:       overpass.ch Karte
URL:        https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/vector/{z}/{x}/{y}.mvt
Max. Zoom:  14
Stil-URL:   https://api.overpass.ch/v1/IHR_SCHLÜSSEL/maps/styles/light.json

# QGIS sendet keinen Referer: Verwenden Sie einen Schlüssel ohne Beschränkung auf Websites.