maplibre · prozessor13 · Jun 2, 2021 · Jun 2, 2021 · Jun 2, 2021 · Jun 4, 2021
diff --git a/debug/terrain.html b/debug/terrain.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <title>MapLibre GL JS debug page</title>
+   <meta charset='utf-8'>
+   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+   <link rel='stylesheet' href='../dist/maplibre-gl.css' />
+   <style>
+       body { margin: 0; padding: 0; }
+       html, body, #map { height: 100%; }
+   </style>
+</head>
+
+<body>
+<div id='map'></div>
+
+<script src='../dist/maplibre-gl-dev.js'></script>
+<script src='../debug/access_token_generated.js'></script>
+<script>
+
+var map = window.map = new maplibregl.Map({
+    container: 'map',
+    zoom: 12.5,
+    center: [11.40416, 47.26475],
+    hash: true,
+    style: 'https://static.maptoolkit.net/styles/toursprung/terrain.json',
+    maxZoom: 18,
+    maxPitch: 85
+});
+
+map.on('load', () => {
+    map.addSource('terrain', {
+        'type': 'raster-dem',
+        'tiles': ['https://vtc-cdn.maptoolkit.net/terrainrgb/{z}/{x}/{y}.webp'],
+        'encoding': 'mapbox',
+        'maxzoom': 14,
+        'minzoom': 4
+    });
+    map.addTerrain('terrain', {exaggeration: 0.33});
+});
+
+map.on('click', e => {
+    new maplibregl.Marker().setLngLat(e.lngLat).addTo(map);
+});
+
+map.addControl(new maplibregl.NavigationControl());
+
+</script>
+</body>
+</html>
diff --git a/debug/terrain_control.html b/debug/terrain_control.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <title>MapLibre GL JS debug page</title>
+   <meta charset='utf-8'>
+   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+   <link rel='stylesheet' href='../dist/maplibre-gl.css' />
+   <style>
+       body { margin: 0; padding: 0; }
+       html, body, #map { height: 100%; }
+   </style>
+</head>
+
+<body>
+<div id='map'></div>
+
+<script src='../dist/maplibre-gl-dev.js'></script>
+<link href='../dist/maplibre-gl.css' rel='stylesheet' />
+<script>
+
+var map = window.map = new maplibregl.Map({
+    container: 'map',
+    zoom: 12.5,
+    center: [11.40416, 47.26475],
+    hash: true,
+    style: 'https://static.maptoolkit.net/styles/toursprung/terrain.json',
+    maxZoom: 16
+});
+
+map.on('load', () => {
+    map.addSource('terrain', {
+        'type': 'raster-dem',
+        'tiles': ['https://vtc-cdn.maptoolkit.net/terrainrgb/{z}/{x}/{y}.webp'],
+        'encoding': 'mapbox',
+        'maxzoom': 14
+    });
+    map.addControl(
+        new maplibregl.TerrainControl({
+            id: 'terrain',
+            options: {exaggeration: 0.33}
+        })
+    );
+});
+
+map.addControl(new maplibregl.NavigationControl({
+    visualizePitch: true,
+    showZoom: true,
+    showCompass: true
+}));
+</script>
+</body>
+</html>