New translations view.mdx (Dutch)

New translations en.json (Dutch)
2026-07-25 12:56:29 +00:00 · 2026-04-20 10:34:01 +02:00 · 2026-04-20 10:33:59 +02:00
197 changed files with 1890 additions and 1826 deletions
@@ -70,9 +70,8 @@ This project has been made possible thanks to the following open source projects
    - [SortableJS](https://github.com/SortableJS/Sortable) — creating a sortable file tree
 - Mapping:
    - [MapLibre GL JS](https://github.com/maplibre/maplibre-gl-js) — beautiful and fast interactive map rendering
-    - [GraphHopper](https://github.com/graphhopper/graphhopper) — powerful routing engine
-    - [OpenStreetMap](https://www.openstreetmap.org) — open map data used by most of the map layers, and by the routing engine
-    - [Mapterhorn](https://github.com/mapterhorn/mapterhorn) — high-quality open terrain data used by some map layers (including for 3D), and by the routing engine
+    - [GraphHopper](https://github.com/graphhopper/graphhopper) — routing engine
+    - [OpenStreetMap](https://www.openstreetmap.org) — map data used by most of the map layers, and by the routing engine
 - Search:
    - [DocSearch](https://github.com/algolia/docsearch) — search engine for the documentation

@@ -20,7 +20,7 @@
                "immer": "^10.1.1",
                "jszip": "^3.10.1",
                "mapillary-js": "^4.1.2",
-                "maplibre-gl": "^6.0.0",
+                "maplibre-gl": "^5.21.1",
                "sanitize-html": "^2.17.0",
                "sortablejs": "^1.15.6"
            },
@@ -3236,18 +3236,13 @@
            }
        },
        "node_modules/@mapbox/jsonlint-lines-primitives": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.3.tgz",
-            "integrity": "sha512-0SElaV0uMxEnxzBhhX9WTuPyUeMsAN/SS0i16tjuba4/mio63MG9khjC1a0JAiPGXAwvwm4UfHJURCN7nyudQg==",
-            "license": "MIT",
+            "version": "2.0.2",
            "engines": {
-                "node": ">= 22"
+                "node": ">= 0.6"
            }
        },
        "node_modules/@mapbox/point-geometry": {
            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-1.1.0.tgz",
-            "integrity": "sha512-YGcBz1cg4ATXDCM/71L9xveh4dynfGmcLDqufR+nQQy3fKwsAZsWd/x4621/6uJaeB9mwOHE6hPeDgXz9uViUQ==",
            "license": "ISC"
        },
        "node_modules/@mapbox/sphericalmercator": {
@@ -3258,32 +3253,24 @@
            "license": "MIT"
        },
        "node_modules/@mapbox/tiny-sdf": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.2.0.tgz",
-            "integrity": "sha512-LVL4wgI9YAum5V+LNVQO6QgFBPw7/MIIY4XJPNsPDMrjEwcE+JfKk1LuIl8GnF197ejVdC9QdPaxrx5gfgdGXg==",
+            "version": "2.0.7",
            "license": "BSD-2-Clause"
        },
        "node_modules/@mapbox/unitbezier": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-1.0.0.tgz",
-            "integrity": "sha512-fqd515fjBmANKGGsQ286E2Wvj/XvDFpGzwJxq4CI6jMQue6Oy04uCKp+JWKF00xRTmk6cEu1jPJ9p3xqH8YWqQ==",
+            "version": "0.0.1",
            "license": "BSD-2-Clause"
        },
        "node_modules/@mapbox/vector-tile": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-3.0.0.tgz",
-            "integrity": "sha512-Qf10S1uIHMk20ri/IVBnpS+esUEkVaR5Hftmz88jTInrpmWgPGJfPe3LVjjlE77trLx8tH6qjTG7uWH9hIq/0Q==",
+            "version": "2.0.4",
            "license": "BSD-3-Clause",
            "dependencies": {
                "@mapbox/point-geometry": "~1.1.0",
                "@types/geojson": "^7946.0.16",
-                "pbf": "^5.0.0"
+                "pbf": "^4.0.1"
            }
        },
        "node_modules/@mapbox/vector-tile/node_modules/pbf": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
-            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
+            "version": "4.0.1",
            "license": "BSD-3-Clause",
            "dependencies": {
                "resolve-protobuf-schema": "^2.1.0"
@@ -3292,13 +3279,18 @@
                "pbf": "bin/pbf"
            }
        },
+        "node_modules/@mapbox/whoots-js": {
+            "version": "3.1.0",
+            "license": "ISC",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
        "node_modules/@maplibre/geojson-vt": {
-            "version": "6.1.1",
-            "resolved": "https://registry.npmjs.org/@maplibre/geojson-vt/-/geojson-vt-6.1.1.tgz",
-            "integrity": "sha512-FVMOcmSP/yqol45t7StApEyTL5/vmqBCuFhH9n+fFuINenhaX+YgHHIt1yJ86S8kln3uJLcMvmEU2cfn6E2eCQ==",
+            "version": "6.0.4",
            "license": "ISC",
            "dependencies": {
-                "kdbush": "^4.1.0"
+                "kdbush": "^4.0.2"
            }
        },
        "node_modules/@maplibre/maplibre-gl-geocoder": {
@@ -3319,16 +3311,15 @@
            }
        },
        "node_modules/@maplibre/maplibre-gl-style-spec": {
-            "version": "26.2.1",
-            "resolved": "https://registry.npmjs.org/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-26.2.1.tgz",
-            "integrity": "sha512-QFKCXkOeSzOr8jF75jm6kySOg+dUvOehPhRi68gcOYPHb7U5JloUq0dJW0Y5/fZV8ygfT0Vp2RWodvq+fyxFWA==",
+            "version": "24.8.1",
            "license": "ISC",
            "dependencies": {
-                "@mapbox/jsonlint-lines-primitives": "^2.0.3",
-                "@mapbox/unitbezier": "^1.0.0",
+                "@mapbox/jsonlint-lines-primitives": "~2.0.2",
+                "@mapbox/unitbezier": "^0.0.1",
                "json-stringify-pretty-compact": "^4.0.0",
                "minimist": "^1.2.8",
                "quickselect": "^3.0.0",
+                "rw": "^1.3.3",
                "tinyqueue": "^3.0.0"
            },
            "bin": {
@@ -3338,29 +3329,31 @@
            }
        },
        "node_modules/@maplibre/mlt": {
-            "version": "1.1.12",
-            "resolved": "https://registry.npmjs.org/@maplibre/mlt/-/mlt-1.1.12.tgz",
-            "integrity": "sha512-ZeK5w2TTeHOajcLaEQs1KZXw2V9wIKo1PmThlxlsHoXsQsYlBqLJzPOd6tJHRtGTChUY3DPPmjXRArYVvAbmZw==",
+            "version": "1.1.8",
            "license": "(MIT OR Apache-2.0)",
            "dependencies": {
                "@mapbox/point-geometry": "^1.1.0"
            }
        },
        "node_modules/@maplibre/vt-pbf": {
-            "version": "4.3.2",
-            "resolved": "https://registry.npmjs.org/@maplibre/vt-pbf/-/vt-pbf-4.3.2.tgz",
-            "integrity": "sha512-j6p0AdjvAR19Z3XaCysle7A4ZSo08tYOzxD0Y9NQylwPAkwJJeYub5b2eVucdeDh7erhv69DahoLOevDRERRUw==",
+            "version": "4.3.0",
            "license": "MIT",
            "dependencies": {
                "@mapbox/point-geometry": "^1.1.0",
+                "@mapbox/vector-tile": "^2.0.4",
+                "@maplibre/geojson-vt": "^5.0.4",
                "@types/geojson": "^7946.0.16",
-                "pbf": "^5.1.0"
+                "@types/supercluster": "^7.1.3",
+                "pbf": "^4.0.1",
+                "supercluster": "^8.0.1"
            }
        },
+        "node_modules/@maplibre/vt-pbf/node_modules/@maplibre/geojson-vt": {
+            "version": "5.0.4",
+            "license": "ISC"
+        },
        "node_modules/@maplibre/vt-pbf/node_modules/pbf": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
-            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
+            "version": "4.0.1",
            "license": "BSD-3-Clause",
            "dependencies": {
                "resolve-protobuf-schema": "^2.1.0"
@@ -4296,6 +4289,13 @@
            "dev": true,
            "license": "MIT"
        },
+        "node_modules/@types/supercluster": {
+            "version": "7.1.3",
+            "license": "MIT",
+            "dependencies": {
+                "@types/geojson": "*"
+            }
+        },
        "node_modules/@types/three": {
            "version": "0.134.0",
            "license": "MIT"
@@ -5720,8 +5720,6 @@
        },
        "node_modules/json-stringify-pretty-compact": {
            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-4.0.0.tgz",
-            "integrity": "sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==",
            "license": "MIT"
        },
        "node_modules/jszip": {
@@ -5735,9 +5733,7 @@
            }
        },
        "node_modules/kdbush": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/kdbush/-/kdbush-4.1.0.tgz",
-            "integrity": "sha512-e9vurzrXJQrFX6ckpHP3bvj5l+9CnYzkxDNnNQ1h2QTqdWsUAJgXiKdGNcOa1EY85dU8KbQ+z/FdQdB7P+9yfQ==",
+            "version": "4.0.2",
            "license": "ISC"
        },
        "node_modules/keyv": {
@@ -6158,25 +6154,25 @@
            "license": "(MIT AND Zlib)"
        },
        "node_modules/maplibre-gl": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-6.0.0.tgz",
-            "integrity": "sha512-1wBgEhzTZfA+cDpFdt0fM1mJA5mJ90fifORJ7D8JcKLJCvPT/iTx9bNxkP7DqEYde65DJd7gE7h83khwNRqdyg==",
+            "version": "5.22.0",
            "license": "BSD-3-Clause",
            "dependencies": {
+                "@mapbox/jsonlint-lines-primitives": "^2.0.2",
                "@mapbox/point-geometry": "^1.1.0",
-                "@mapbox/tiny-sdf": "^2.2.0",
-                "@mapbox/unitbezier": "^1.0.0",
-                "@mapbox/vector-tile": "^3.0.0",
-                "@maplibre/geojson-vt": "^6.1.1",
-                "@maplibre/maplibre-gl-style-spec": "^26.1.0",
-                "@maplibre/mlt": "^1.1.12",
-                "@maplibre/vt-pbf": "^4.3.2",
+                "@mapbox/tiny-sdf": "^2.0.7",
+                "@mapbox/unitbezier": "^0.0.1",
+                "@mapbox/vector-tile": "^2.0.4",
+                "@mapbox/whoots-js": "^3.1.0",
+                "@maplibre/geojson-vt": "^6.0.4",
+                "@maplibre/maplibre-gl-style-spec": "^24.8.1",
+                "@maplibre/mlt": "^1.1.8",
+                "@maplibre/vt-pbf": "^4.3.0",
                "@types/geojson": "^7946.0.16",
-                "earcut": "^3.2.3",
+                "earcut": "^3.0.2",
                "gl-matrix": "^3.4.4",
-                "kdbush": "^4.1.0",
+                "kdbush": "^4.0.2",
                "murmurhash-js": "^1.0.0",
-                "pbf": "^5.1.2",
+                "pbf": "^4.0.1",
                "potpack": "^2.1.0",
                "quickselect": "^3.0.0",
                "tinyqueue": "^3.0.0"
@@ -6190,15 +6186,11 @@
            }
        },
        "node_modules/maplibre-gl/node_modules/earcut": {
-            "version": "3.2.3",
-            "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.2.3.tgz",
-            "integrity": "sha512-vnS4AVwp1KHAF13i1vp1/2D5evWy3k5u/iW/B81QVsUZtV8cv2tU0b2VNFlqvh4kYwrFMDdjPCfAmfyJW9y14Q==",
+            "version": "3.0.2",
            "license": "ISC"
        },
        "node_modules/maplibre-gl/node_modules/pbf": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/pbf/-/pbf-5.1.2.tgz",
-            "integrity": "sha512-mnvGdvOrIvJOBGUEdGkrVXjN8E/VkIJCkf2eS1DH2yv82ORUlLttmDt0rWY38yYZmVwciZwBUvHM20qxBZf40w==",
+            "version": "4.0.1",
            "license": "BSD-3-Clause",
            "dependencies": {
                "resolve-protobuf-schema": "^2.1.0"
@@ -6259,8 +6251,6 @@
        },
        "node_modules/minimist": {
            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
            "license": "MIT",
            "funding": {
                "url": "https://github.com/sponsors/ljharb"
@@ -6795,8 +6785,6 @@
        },
        "node_modules/quickselect": {
            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
-            "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==",
            "license": "ISC"
        },
        "node_modules/rbush": {
@@ -6932,6 +6920,10 @@
                }
            }
        },
+        "node_modules/rw": {
+            "version": "1.3.3",
+            "license": "BSD-3-Clause"
+        },
        "node_modules/rxjs": {
            "version": "7.8.2",
            "license": "Apache-2.0",
@@ -7165,6 +7157,13 @@
                "xtend": "^4.0.0"
            }
        },
+        "node_modules/supercluster": {
+            "version": "8.0.1",
+            "license": "ISC",
+            "dependencies": {
+                "kdbush": "^4.0.2"
+            }
+        },
        "node_modules/supports-color": {
            "version": "7.2.0",
            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -7406,8 +7405,6 @@
        },
        "node_modules/tinyqueue": {
            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-3.0.0.tgz",
-            "integrity": "sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==",
            "license": "ISC"
        },
        "node_modules/totalist": {
@@ -75,7 +75,7 @@
        "immer": "^10.1.1",
        "jszip": "^3.10.1",
        "mapillary-js": "^4.1.2",
-        "maplibre-gl": "^6.0.0",
+        "maplibre-gl": "^5.21.1",
        "sanitize-html": "^2.17.0",
        "sortablejs": "^1.15.6"
    }
@@ -31,10 +31,10 @@ import bikerouterGravel from './custom/bikerouter-gravel.json';
 export const maptilerKeyPlaceHolder = 'MAPTILER_KEY';

 export const basemaps: { [key: string]: string | StyleSpecification } = {
-    libertyTopo: 'https://styles.gpx.studio/liberty-topo.json',
-    libertySatellite: 'https://styles.gpx.studio/liberty-satellite.json',
-    osm: 'https://styles.gpx.studio/osm.json',
-    osmTopo: 'https://styles.gpx.studio/osm-topo.json',
+    maptilerStreets: `https://api.maptiler.com/maps/streets-v4/style.json?key=${maptilerKeyPlaceHolder}`,
+    maptilerTopo: `https://api.maptiler.com/maps/topo-v4/style.json?key=${maptilerKeyPlaceHolder}`,
+    maptilerOutdoors: `https://api.maptiler.com/maps/outdoor-v4/style.json?key=${maptilerKeyPlaceHolder}`,
+    maptilerSatellite: `https://api.maptiler.com/maps/hybrid-v4/style.json?key=${maptilerKeyPlaceHolder}`,
    esriSatellite: {
        version: 8,
        sources: {
@@ -799,10 +799,10 @@ export type LayerTreeType = { [key: string]: LayerTreeType | boolean };
 export const basemapTree: LayerTreeType = {
    basemaps: {
        world: {
-            libertyTopo: true,
-            libertySatellite: true,
-            osm: true,
-            osmTopo: true,
+            maptilerStreets: true,
+            maptilerTopo: true,
+            maptilerOutdoors: true,
+            maptilerSatellite: true,
            esriSatellite: true,
            openStreetMap: true,
            openTopoMap: true,
@@ -936,7 +936,7 @@ export const overpassTree: LayerTreeType = {
 };

 // Default basemap used
-export const defaultBasemap = 'libertyTopo';
+export const defaultBasemap = 'maptilerStreets';

 // Default overlays used (none)
 export const defaultOverlays: LayerTreeType = {
@@ -1025,10 +1025,10 @@ export const defaultOverpassQueries: LayerTreeType = {
 export const defaultBasemapTree: LayerTreeType = {
    basemaps: {
        world: {
-            libertyTopo: true,
-            libertySatellite: true,
-            osm: true,
-            osmTopo: true,
+            maptilerStreets: true,
+            maptilerTopo: true,
+            maptilerOutdoors: true,
+            maptilerSatellite: true,
            esriSatellite: false,
            openStreetMap: true,
            openTopoMap: true,
@@ -1168,7 +1168,7 @@ export type CustomLayer = {
    maxZoom: number;
    layerType: 'basemap' | 'overlay';
    resourceType: 'raster' | 'vector';
-    value: string | StyleSpecification;
+    value: string | maplibregl.StyleSpecification;
 };

 type OverpassQueryData = {
@@ -1449,7 +1449,7 @@ export const overpassQueryData: Record<string, OverpassQueryData> = {
            color: 'DarkBlue',
        },
        tags: {
-            railway: ['station', 'halt'],
+            railway: 'station',
        },
        symbol: 'Ground Transportation',
    },
@@ -1487,11 +1487,14 @@ export const overpassQueryData: Record<string, OverpassQueryData> = {
 };

 export const terrainSources: { [key: string]: RasterDEMSourceSpecification } = {
+    'maptiler-dem': {
+        type: 'raster-dem',
+        url: `https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=${maptilerKeyPlaceHolder}`,
+    },
    mapterhorn: {
        type: 'raster-dem',
-        url: 'https://tiles.gpx.studio/mapterhorn.json',
-        encoding: 'terrarium',
+        url: 'https://tiles.mapterhorn.com/tilejson.json',
    },
 };

-export const defaultTerrainSource = 'mapterhorn';
+export const defaultTerrainSource = 'maptiler-dem';
@@ -8,7 +8,7 @@
        ...others
    }: {
        iconOnly?: boolean;
-        company?: 'gpx.studio' | 'github' | 'crowdin' | 'facebook' | 'reddit';
+        company?: 'gpx.studio' | 'maptiler' | 'github' | 'crowdin' | 'facebook' | 'reddit';
        [key: string]: any;
    } = $props();
 </script>
@@ -19,6 +19,12 @@
        alt="Logo of gpx.studio."
        {...others}
    />
+{:else if company === 'maptiler'}
+    <img
+        src="{base}/maptiler-logo{mode.current === 'dark' ? '-dark' : ''}.svg"
+        alt="Logo of Maptiler."
+        {...others}
+    />
 {:else if company === 'github'}
    <svg
        role="img"
@@ -1,10 +1,10 @@
 <script lang="ts">
-    import topoMap from '$lib/assets/img/docs/maps/topo.png?enhanced';
-    import waymarkedMap from '$lib/assets/img/docs/maps/waymarked.png?enhanced';
+    import maptilerTopoMap from '$lib/assets/img/home/maptiler-topo.png?enhanced';
+    import waymarkedMap from '$lib/assets/img/home/waymarked.png?enhanced';
 </script>

 <div class="relative h-80 aspect-square rounded-2xl shadow-xl overflow-clip">
-    <enhanced:img src={topoMap} alt="Topo map screenshot." class="absolute" />
+    <enhanced:img src={maptilerTopoMap} alt="MapTiler Topo map screenshot." class="absolute" />
    <enhanced:img
        src={waymarkedMap}
        alt="Waymarked Trails map screenshot."
@@ -21,7 +21,6 @@
    import { selection } from '$lib/logic/selection';
    import { untrack } from 'svelte';
    import { isSelected, toggle } from '$lib/components/map/layer-control/utils';
-    import { boundsManager } from '$lib/logic/bounds';

    let {
        useHash = true,
@@ -46,6 +45,26 @@
    settings.initialize();

    function applyOptions() {
+        let downloads: Promise<GPXFile | null>[] = getFilesFromEmbeddingOptions(options).map(
+            (url) => {
+                return fetch(url)
+                    .then((response) => response.blob())
+                    .then((blob) => new File([blob], url.split('/').pop() ?? url))
+                    .then(loadFile);
+            }
+        );
+        Promise.all(downloads).then((answers) => {
+            const files = answers.filter((file) => file !== null) as GPXFile[];
+            let ids: string[] = [];
+            files.forEach((file, index) => {
+                let id = `gpx-${index}-embed`;
+                file._data.id = id;
+                ids.push(id);
+            });
+            fileStateCollection.setEmbeddedFiles(files);
+            $fileOrder = ids;
+            selection.selectAll();
+        });
        if (allowedEmbeddingBasemaps.includes(options.basemap)) {
            $currentBasemap = options.basemap;
        }
@@ -71,28 +90,6 @@
            ].filter((dataset) => dataset !== null)
        );
        elevationFill.set(options.elevation.fill == 'none' ? undefined : options.elevation.fill);
-
-        let downloads: Promise<GPXFile | null>[] = getFilesFromEmbeddingOptions(options).map(
-            (url) => {
-                return fetch(url)
-                    .then((response) => response.blob())
-                    .then((blob) => new File([blob], url.split('/').pop() ?? url))
-                    .then(loadFile);
-            }
-        );
-        Promise.all(downloads).then((answers) => {
-            const files = answers.filter((file) => file !== null) as GPXFile[];
-            let ids: string[] = [];
-            files.forEach((file, index) => {
-                let id = `gpx-${index}-embed`;
-                file._data.id = id;
-                ids.push(id);
-            });
-            fileStateCollection.setEmbeddedFiles(files);
-            $fileOrder = ids;
-            selection.selectAll();
-            boundsManager.fitBoundsOnLoad(ids);
-        });
    }

    $effect(() => {
@@ -29,7 +29,7 @@ export const defaultEmbeddingOptions = {
    key: '',
    files: [],
    ids: [],
-    basemap: 'libertyTopo',
+    basemap: 'maptilerStreets',
    elevation: {
        show: true,
        height: 170,
@@ -126,7 +126,7 @@ export function convertOldEmbeddingOptions(options: URLSearchParams): any {
    if (options.has('source')) {
        let basemap = options.get('source')!;
        if (basemap === 'satellite') {
-            newOptions.basemap = 'libertySatellite';
+            newOptions.basemap = 'maptilerSatellite';
        } else if (basemap === 'otm') {
            newOptions.basemap = 'openTopoMap';
        } else if (basemap === 'ohm') {
@@ -2,7 +2,6 @@
    import CustomControl from './custom-control';
    import { map } from '$lib/components/map/map';
    import { onMount, type Snippet } from 'svelte';
-    import type { Map } from 'maplibre-gl';

    let {
        position = 'top-right',
@@ -18,7 +17,7 @@
    let control: CustomControl | null = null;

    onMount(() => {
-        map.onLoad((map: Map) => {
+        map.onLoad((map: maplibregl.Map) => {
            if (position.includes('right')) container.classList.add('float-right');
            else container.classList.add('float-left');
            container.classList.remove('hidden');
@@ -74,7 +74,7 @@ export class DistanceMarkers {
                            layout: {
                                'text-field': ['get', 'distance'],
                                'text-size': 14,
-                                'text-font': ['Noto Sans Bold'],
+                                'text-font': ['Open Sans Bold'],
                            },
                            paint: {
                                'text-color': 'black',
@@ -1,10 +1,9 @@
 import { MapPopup } from '$lib/components/map/map-popup';
-import type { Map } from 'maplibre-gl';

 export let waypointPopup: MapPopup | null = null;
 export let trackpointPopup: MapPopup | null = null;

-export function createPopups(map: Map) {
+export function createPopups(map: maplibregl.Map) {
    removePopups();
    waypointPopup = new MapPopup(map, {
        closeButton: false,
@@ -1,10 +1,9 @@
 import { get, type Readable } from 'svelte/store';
-import {
+import maplibregl, {
    type GeoJSONSource,
    type FilterSpecification,
    type MapLayerMouseEvent,
    type MapLayerTouchEvent,
-    Point,
 } from 'maplibre-gl';
 import { map } from '$lib/components/map/map';
 import { waypointPopup, trackpointPopup } from './gpx-layer-popup';
@@ -121,7 +120,7 @@ export class GPXLayer {
    selected: boolean = false;
    currentWaypointData: GeoJSON.FeatureCollection | null = null;
    draggedWaypointIndex: number | null = null;
-    draggingStartingPosition: Point = new Point(0, 0);
+    draggingStartingPosition: maplibregl.Point = new maplibregl.Point(0, 0);
    unsubscribe: Function[] = [];

    updateBinded: () => void = this.update.bind(this);
@@ -252,11 +251,11 @@ export class GPXLayer {
                            source: this.fileId,
                            layout: {
                                'text-field': '»',
-                                'text-offset': [0, -0.1],
+                                'text-offset': [0, -0.06],
                                'text-keep-upright': false,
                                'text-max-angle': 361,
                                'text-allow-overlap': true,
-                                'text-font': ['Noto Sans Bold'],
+                                'text-font': ['Open Sans Bold'],
                                'symbol-placement': 'line',
                                'symbol-spacing': 20,
                            },
@@ -7,7 +7,6 @@
    import { Layers } from '@lucide/svelte';
    import { settings } from '$lib/logic/settings';
    import { map } from '$lib/components/map/map';
-    import type { Map } from 'maplibre-gl';

    let container: HTMLDivElement;
    let overpassLayer: OverpassLayer;
@@ -22,7 +21,7 @@
        selectedOverpassTree,
    } = settings;

-    map.onLoad((_map: Map) => {
+    map.onLoad((_map: maplibregl.Map) => {
        if (overpassLayer) {
            overpassLayer.remove();
        }
@@ -15,9 +15,7 @@
        poi: PopupItem<any>;
    } = $props();

-    let tags: Record<string, string> = $derived(
-        poi ? (typeof poi.item.tags == 'object' ? poi.item.tags : JSON.parse(poi.item.tags)) : {}
-    );
+    let tags: Record<string, string> = $derived(poi ? JSON.parse(poi.item.tags) : {});
    let name = $derived.by(() => {
        if (poi) {
            if (tags.name !== undefined && tags.name !== '') {
@@ -90,14 +88,6 @@
                        <span class="font-mono">{key}</span>
                        {#if key === 'website' || key.startsWith('website:') || key.endsWith(':website') || key === 'contact:facebook' || key === 'contact:instagram' || key === 'contact:twitter'}
                            <a href={value} target="_blank" class="text-link underline">{value}</a>
-                        {:else if key === 'wikipedia' || key.startsWith('wikipedia:') || key.endsWith(':wikipedia')}
-                            <a
-                                href="https://wikipedia.org/wiki/{value}"
-                                target="_blank"
-                                class="text-link underline"
-                            >
-                                {value}
-                            </a>
                        {:else if key === 'phone' || key === 'contact:phone'}
                            <a href={'tel:' + value} class="text-link underline">{value}</a>
                        {:else if key === 'email' || key === 'contact:email'}
@@ -6,7 +6,7 @@ import { overpassQueryData } from '$lib/assets/layers';
 import { MapPopup } from '$lib/components/map/map-popup';
 import { settings } from '$lib/logic/settings';
 import { db } from '$lib/db';
-import type { Map as MapLibreMap, GeoJSONSource } from 'maplibre-gl';
+import type { GeoJSONSource } from 'maplibre-gl';
 import { ANCHOR_LAYER_KEY } from '$lib/components/map/style';
 import type { MapLayerEventManager } from '$lib/components/map/map-layer-event-manager';
 import { loadSVGIcon } from '$lib/utils';
@@ -24,11 +24,11 @@ liveQuery(() => db.overpassdata.toArray()).subscribe((pois) => {
 });

 export class OverpassLayer {
-    overpassUrl = 'https://overpass.gpx.studio/api/interpreter';
+    overpassUrl = 'https://overpass.private.coffee/api/interpreter';
    minZoom = 12;
    queryZoom = 12;
    expirationTime = 7 * 24 * 3600 * 1000;
-    map: MapLibreMap;
+    map: maplibregl.Map;
    layerEventManager: MapLayerEventManager;
    popup: MapPopup;

@@ -40,7 +40,7 @@ export class OverpassLayer {
    updateBinded = this.update.bind(this);
    onHoverBinded = this.onHover.bind(this);

-    constructor(map: MapLibreMap, layerEventManager: MapLayerEventManager) {
+    constructor(map: maplibregl.Map, layerEventManager: MapLayerEventManager) {
        this.map = map;
        this.layerEventManager = layerEventManager;
        this.popup = new MapPopup(map, {
@@ -1,19 +1,10 @@
 import { fileStateCollection } from '$lib/logic/file-state';
-import {
-    LngLatBounds,
-    MapMouseEvent,
-    MapTouchEvent,
-    Point,
-    type Map,
-    type MapGeoJSONFeature,
-    type MapLayerMouseEvent,
-    type MapLayerTouchEvent,
-} from 'maplibre-gl';
+import maplibregl from 'maplibre-gl';

-type MapLayerMouseEventListener = (e: MapLayerMouseEvent) => void;
-type MapLayerTouchEventListener = (e: MapLayerTouchEvent) => void;
+type MapLayerMouseEventListener = (e: maplibregl.MapLayerMouseEvent) => void;
+type MapLayerTouchEventListener = (e: maplibregl.MapLayerTouchEvent) => void;
 type MapLayerListener = {
-    features: MapGeoJSONFeature[];
+    features: maplibregl.MapGeoJSONFeature[];
    mousemoves: MapLayerMouseEventListener[];
    mouseenters: MapLayerMouseEventListener[];
    mouseleaves: MapLayerMouseEventListener[];
@@ -24,10 +15,10 @@ type MapLayerListener = {
 };

 export class MapLayerEventManager {
-    private _map: Map;
+    private _map: maplibregl.Map;
    private _listeners: Record<string, MapLayerListener> = {};

-    constructor(map: Map) {
+    constructor(map: maplibregl.Map) {
        this._map = map;
        this._map.on('mousemove', this._handleMouseMove.bind(this));
        this._map.on('click', this._handleMouseClick.bind(this, 'click'));
@@ -150,7 +141,7 @@ export class MapLayerEventManager {
        }
    }

-    private _handleMouseMove(e: MapMouseEvent) {
+    private _handleMouseMove(e: maplibregl.MapMouseEvent) {
        if (e.originalEvent.buttons > 0) return;
        const featuresByLayer = this._getRenderedFeaturesByLayer(e);
        Object.keys(this._listeners).forEach((layerId) => {
@@ -159,20 +150,29 @@ export class MapLayerEventManager {
            if ((features.length == 0) != (listener.features.length == 0)) {
                if (features.length > 0) {
                    if (listener.mouseenters.length > 0) {
-                        const event = new MapMouseEvent('mouseenter', e.target, e.originalEvent, {
-                            features: featuresByLayer[layerId]!,
-                        });
+                        const event = new maplibregl.MapMouseEvent(
+                            'mouseenter',
+                            e.target,
+                            e.originalEvent,
+                            {
+                                features: featuresByLayer[layerId]!,
+                            }
+                        );
                        listener.mouseenters.forEach((l) => l(event));
                    }
                } else {
                    if (listener.mouseleaves.length > 0) {
-                        const event = new MapMouseEvent('mouseleave', e.target, e.originalEvent);
+                        const event = new maplibregl.MapMouseEvent(
+                            'mouseleave',
+                            e.target,
+                            e.originalEvent
+                        );
                        listener.mouseleaves.forEach((l) => l(event));
                    }
                }
            }
            if (features.length > 0 && listener.mousemoves.length > 0) {
-                const event = new MapMouseEvent('mousemove', e.target, e.originalEvent, {
+                const event = new maplibregl.MapMouseEvent('mousemove', e.target, e.originalEvent, {
                    features: featuresByLayer[layerId]!,
                });
                listener.mousemoves.forEach((l) => l(event));
@@ -181,39 +181,49 @@ export class MapLayerEventManager {
        });
    }

-    private _handleMouseClick(type: string, e: MapMouseEvent) {
+    private _handleMouseClick(type: string, e: maplibregl.MapMouseEvent) {
        const featuresByLayer = this._getRenderedFeaturesByLayer(e);
        Object.keys(this._listeners).forEach((layerId) => {
            const features = featuresByLayer[layerId] || [];
            const listener = this._listeners[layerId];
            if (features.length > 0) {
                if (type === 'click' && listener.clicks.length > 0) {
-                    const event = new MapMouseEvent('click', e.target, e.originalEvent, {
+                    const event = new maplibregl.MapMouseEvent('click', e.target, e.originalEvent, {
                        features: features,
                    });
                    listener.clicks.forEach((l) => l(event));
                } else if (type === 'contextmenu' && listener.contextmenus.length > 0) {
-                    const event = new MapMouseEvent('contextmenu', e.target, e.originalEvent, {
-                        features: features,
-                    });
+                    const event = new maplibregl.MapMouseEvent(
+                        'contextmenu',
+                        e.target,
+                        e.originalEvent,
+                        {
+                            features: features,
+                        }
+                    );
                    listener.contextmenus.forEach((l) => l(event));
                } else if (type === 'mousedown' && listener.mousedowns.length > 0) {
-                    const event = new MapMouseEvent('mousedown', e.target, e.originalEvent, {
-                        features: features,
-                    });
+                    const event = new maplibregl.MapMouseEvent(
+                        'mousedown',
+                        e.target,
+                        e.originalEvent,
+                        {
+                            features: features,
+                        }
+                    );
                    listener.mousedowns.forEach((l) => l(event));
                }
            }
        });
    }

-    private _handleTouchStart(e: MapTouchEvent) {
+    private _handleTouchStart(e: maplibregl.MapTouchEvent) {
        const featuresByLayer = this._getRenderedFeaturesByLayer(e);
        Object.keys(this._listeners).forEach((layerId) => {
            const features = featuresByLayer[layerId] || [];
            const listener = this._listeners[layerId];
            if (features.length > 0) {
-                const event: MapLayerTouchEvent = new MapTouchEvent(
+                const event: maplibregl.MapLayerTouchEvent = new maplibregl.MapTouchEvent(
                    'touchstart',
                    e.target,
                    e.originalEvent
@@ -224,15 +234,18 @@ export class MapLayerEventManager {
        });
    }

-    private _getBounds(point: Point) {
+    private _getBounds(point: maplibregl.Point) {
        const delta = 30;
-        return new LngLatBounds(
+        return new maplibregl.LngLatBounds(
            this._map.unproject([point.x - delta, point.y + delta]),
            this._map.unproject([point.x + delta, point.y - delta])
        );
    }

-    private _filterLayersIntersectingBounds(layerIds: string[], bounds: LngLatBounds): string[] {
+    private _filterLayersIntersectingBounds(
+        layerIds: string[],
+        bounds: maplibregl.LngLatBounds
+    ): string[] {
        let result = layerIds.filter((layerId) => {
            if (!this._map.getLayer(layerId)) return false;
            const fileId = layerId.replace('-waypoints', '');
@@ -248,7 +261,7 @@ export class MapLayerEventManager {
        return result;
    }

-    private _getRenderedFeaturesByLayer(e: MapMouseEvent | MapTouchEvent) {
+    private _getRenderedFeaturesByLayer(e: maplibregl.MapMouseEvent | maplibregl.MapTouchEvent) {
        const layerIds = this._filterLayersIntersectingBounds(
            Object.keys(this._listeners),
            this._getBounds(e.point)
@@ -257,7 +270,7 @@ export class MapLayerEventManager {
            layerIds.length > 0
                ? this._map.queryRenderedFeatures(e.point, { layers: layerIds })
                : [];
-        const featuresByLayer: Record<string, MapGeoJSONFeature[]> = {};
+        const featuresByLayer: Record<string, maplibregl.MapGeoJSONFeature[]> = {};
        features.forEach((f) => {
            if (!featuresByLayer[f.layer.id]) {
                featuresByLayer[f.layer.id] = [];
@@ -1,5 +1,5 @@
 import { TrackPoint, Waypoint } from 'gpx';
-import { LngLat, Map, MapMouseEvent, Popup, type PopupOptions } from 'maplibre-gl';
+import maplibregl from 'maplibre-gl';
 import { mount, tick, unmount } from 'svelte';
 import { get, writable, type Writable } from 'svelte/store';
 import MapPopupComponent from '$lib/components/map/MapPopup.svelte';
@@ -11,15 +11,15 @@ export type PopupItem<T = Waypoint | TrackPoint | any> = {
 };

 export class MapPopup {
-    map: Map;
-    popup: Popup;
+    map: maplibregl.Map;
+    popup: maplibregl.Popup;
    item: Writable<PopupItem | null> = writable(null);
    component: ReturnType<typeof mount>;
    maybeHideBinded = this.maybeHide.bind(this);

-    constructor(map: Map, options?: PopupOptions) {
+    constructor(map: maplibregl.Map, options?: maplibregl.PopupOptions) {
        this.map = map;
-        this.popup = new Popup(options);
+        this.popup = new maplibregl.Popup(options);
        this.component = mount(MapPopupComponent, {
            target: document.body,
            props: {
@@ -51,7 +51,7 @@ export class MapPopup {
        this.map.on('mousemove', this.maybeHideBinded);
    }

-    maybeHide(e: MapMouseEvent) {
+    maybeHide(e: maplibregl.MapMouseEvent) {
        const item = get(this.item);
        if (item === null) {
            this.hide();
@@ -75,10 +75,10 @@ export class MapPopup {
    getCoordinates() {
        const item = get(this.item);
        if (item === null) {
-            return new LngLat(0, 0);
+            return new maplibregl.LngLat(0, 0);
        }
        return item.item instanceof Waypoint || item.item instanceof TrackPoint
            ? item.item.getCoordinates()
-            : new LngLat(item.item.lon, item.item.lat);
+            : new maplibregl.LngLat(item.item.lon, item.item.lat);
    }
 }
@@ -1,6 +1,5 @@
-import * as maplibregl from 'maplibre-gl';
+import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
-import workerUrl from 'maplibre-gl/dist/maplibre-gl-worker.mjs?worker&url';
 import MaplibreGeocoder, {
    type MaplibreGeocoderFeatureResults,
 } from '@maplibre/maplibre-gl-geocoder';
@@ -40,7 +39,6 @@ export class MapLibreGLMap {
        geocoder: boolean,
        geolocate: boolean
    ) {
-        maplibregl.setWorkerUrl(workerUrl);
        this._maptilerKey = maptilerKey;
        this._styleManager = new StyleManager(this._mapStore, this._maptilerKey);
        const map = new maplibregl.Map({
@@ -9,7 +9,6 @@
    import { i18n } from '$lib/i18n.svelte';
    import { onMount } from 'svelte';
    import ButtonWithTooltip from '$lib/components/ButtonWithTooltip.svelte';
-    import type { Map } from 'maplibre-gl';

    const { streetViewSource } = settings;

@@ -21,7 +20,7 @@
    let container: HTMLElement;

    onMount(() => {
-        map.onLoad((map_: Map) => {
+        map.onLoad((map_: maplibregl.Map) => {
            googleRedirect = new GoogleRedirect(map_);
            mapillaryLayer = new MapillaryLayer(
                map_,
@@ -1,11 +1,10 @@
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
-import type { Map, MapMouseEvent } from 'maplibre-gl';

 export class GoogleRedirect {
-    map: Map;
+    map: maplibregl.Map;
    enabled = false;

-    constructor(map: Map) {
+    constructor(map: maplibregl.Map) {
        this.map = map;
    }

@@ -25,7 +24,7 @@ export class GoogleRedirect {
        this.map.off('click', this.openStreetView);
    }

-    openStreetView(e: MapMouseEvent) {
+    openStreetView(e: maplibregl.MapMouseEvent) {
        window.open(
            `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${e.lngLat.lat},${e.lngLat.lng}`
        );
@@ -1,10 +1,4 @@
-import {
-    Map,
-    Marker,
-    type LayerSpecification,
-    type MapLayerMouseEvent,
-    type VectorSourceSpecification,
-} from 'maplibre-gl';
+import maplibregl, { type LayerSpecification, type VectorSourceSpecification } from 'maplibre-gl';
 import { Viewer, type ViewerBearingEvent } from 'mapillary-js/dist/mapillary.module';
 import 'mapillary-js/dist/mapillary.css';
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
@@ -49,9 +43,9 @@ const mapillaryImageLayer: LayerSpecification = {
 };

 export class MapillaryLayer {
-    map: Map;
+    map: maplibregl.Map;
    layerEventManager: MapLayerEventManager;
-    marker: Marker;
+    marker: maplibregl.Marker;
    viewer: Viewer;

    active = false;
@@ -62,7 +56,7 @@ export class MapillaryLayer {
    onMouseLeaveBinded = this.onMouseLeave.bind(this);

    constructor(
-        map: Map,
+        map: maplibregl.Map,
        layerEventManager: MapLayerEventManager,
        container: HTMLElement,
        popupOpen: { value: boolean }
@@ -81,7 +75,7 @@ export class MapillaryLayer {
        dot.className = 'maplibregl-user-location-dot';
        element.appendChild(dot);

-        this.marker = new Marker({
+        this.marker = new maplibregl.Marker({
            rotationAlignment: 'map',
            element,
        });
@@ -146,7 +140,7 @@ export class MapillaryLayer {
        this.popupOpen.value = false;
    }

-    onMouseEnter(e: MapLayerMouseEvent) {
+    onMouseEnter(e: maplibregl.MapLayerMouseEvent) {
        if (
            e.features &&
            e.features.length > 0 &&
@@ -9,17 +9,10 @@ import {
 } from '$lib/assets/layers';
 import { getLayers } from '$lib/components/map/layer-control/utils';
 import { i18n } from '$lib/i18n.svelte';
-import type {
-    Map,
-    GeoJSONSourceSpecification,
-    LayerSpecification,
-    StyleSpecification,
-} from 'maplibre-gl';

-const { currentBasemap, currentOverlays, customLayers, opacities, terrainSource, distanceUnits } =
-    settings;
+const { currentBasemap, currentOverlays, customLayers, opacities, terrainSource } = settings;

-const emptySource: GeoJSONSourceSpecification = {
+const emptySource: maplibregl.GeoJSONSourceSpecification = {
    type: 'geojson',
    data: {
        type: 'FeatureCollection',
@@ -38,18 +31,18 @@ export const ANCHOR_LAYER_KEY = {
    waypoints: 'waypoints-end',
    routingControls: 'routing-controls-end',
 };
-const anchorLayers: LayerSpecification[] = Object.values(ANCHOR_LAYER_KEY).map((id) => ({
+const anchorLayers: maplibregl.LayerSpecification[] = Object.values(ANCHOR_LAYER_KEY).map((id) => ({
    id: id,
    type: 'symbol',
    source: 'empty-source',
 }));

 export class StyleManager {
-    private _map: Writable<Map | null>;
+    private _map: Writable<maplibregl.Map | null>;
    private _maptilerKey: string;
    private _pastOverlays: Set<string> = new Set();

-    constructor(map: Writable<Map | null>, maptilerKey: string) {
+    constructor(map: Writable<maplibregl.Map | null>, maptilerKey: string) {
        this._map = map;
        this._maptilerKey = maptilerKey;
        this._map.subscribe((map_) => {
@@ -64,28 +57,18 @@ export class StyleManager {
        opacities.subscribe(() => this.updateOverlays());
        terrainSource.subscribe(() => this.updateTerrain());
        customLayers.subscribe(() => this.updateBasemap());
-        i18n.subscribe(() => this.updateBasemap());
-        distanceUnits.subscribe(() => {
-            const map = get(this._map);
-            if (map && (map.getLayer('contours_m') || map.getLayer('contours_ft'))) {
-                this.updateBasemap();
-            }
-        });
    }

    updateBasemap() {
        const map_ = get(this._map);
        if (!map_) return;
-        let basemap = get(currentBasemap);
-        this.buildStyle(basemap).then((style) => {
-            if (get(currentBasemap) === basemap) map_.setStyle(style);
-        });
+        this.buildStyle().then((style) => map_.setStyle(style));
    }

-    async buildStyle(basemap: string): Promise<StyleSpecification> {
+    async buildStyle(): Promise<maplibregl.StyleSpecification> {
        const custom = get(customLayers);

-        const style: StyleSpecification = {
+        const style: maplibregl.StyleSpecification = {
            version: 8,
            projection: {
                type: 'globe',
@@ -96,31 +79,22 @@ export class StyleManager {
            layers: [],
        };

+        let basemap = get(currentBasemap);
        const basemapInfo = basemaps[basemap] ?? custom[basemap]?.value ?? basemaps[defaultBasemap];

-        let basemapStyle = basemaps.openStreetMap as StyleSpecification;
+        let basemapStyle = basemaps.openStreetMap as maplibregl.StyleSpecification;
        try {
            basemapStyle = await this.get(basemapInfo);
-            for (const source in basemapStyle.sources) {
-                const src = basemapStyle.sources[source];
-                if (
-                    src &&
-                    typeof src === 'object' &&
-                    'url' in src &&
-                    typeof src.url === 'string' &&
-                    src.url.includes(maptilerKeyPlaceHolder)
-                ) {
-                    src.url = src.url.replace(maptilerKeyPlaceHolder, this._maptilerKey);
-                }
-            }
        } catch (e) {
            console.error(e.message);
        }
        this.merge(style, basemapStyle);

-        const terrain = this.getCurrentTerrain();
-        style.sources[terrain.source] = terrainSources[terrain.source];
-        style.terrain = terrain.exaggeration > 0 ? terrain : undefined;
+        if (this._maptilerKey !== '') {
+            const terrain = this.getCurrentTerrain();
+            style.sources[terrain.source] = terrainSources[terrain.source];
+            style.terrain = terrain.exaggeration > 0 ? terrain : undefined;
+        }

        style.layers.push(...anchorLayers);

@@ -192,6 +166,7 @@ export class StyleManager {
    }

    updateTerrain() {
+        if (this._maptilerKey === '') return;
        const map_ = get(this._map);
        if (!map_) return;

@@ -209,9 +184,14 @@ export class StyleManager {
        }
    }

-    async get(styleInfo: StyleSpecification | string): Promise<StyleSpecification> {
+    async get(
+        styleInfo: maplibregl.StyleSpecification | string
+    ): Promise<maplibregl.StyleSpecification> {
        if (typeof styleInfo === 'string') {
            let styleUrl = styleInfo as string;
+            if (styleUrl.includes(maptilerKeyPlaceHolder)) {
+                styleUrl = styleUrl.replace(maptilerKeyPlaceHolder, this._maptilerKey);
+            }
            const response = await fetch(styleUrl, { cache: 'force-cache' });
            if (!response.ok) {
                throw new Error(`HTTP error fetching style "${styleInfo}": ${response.status}`);
@@ -223,48 +203,25 @@ export class StyleManager {
        }
    }

-    merge(style: StyleSpecification, other: StyleSpecification) {
+    merge(style: maplibregl.StyleSpecification, other: maplibregl.StyleSpecification) {
        style.sources = { ...style.sources, ...other.sources };
-        const units = get(distanceUnits);
        for (let layer of other.layers ?? []) {
-            if ('source' in layer) {
-                if (layer.source == 'contours_m' && units === 'imperial') continue;
-                if (layer.source == 'contours_ft' && units !== 'imperial') continue;
-            }
            if (layer.type === 'symbol' && layer.layout && layer.layout['text-field']) {
                const textField = layer.layout['text-field'];
-                if (Array.isArray(textField)) {
-                    if (
-                        textField.length == 4 &&
-                        Array.isArray(textField[3]) &&
-                        textField[3][0] === 'coalesce' &&
-                        Array.isArray(textField[3][1]) &&
-                        textField[3][1][0] === 'get' &&
-                        typeof textField[3][1][1] === 'string' &&
-                        textField[3][1][1].startsWith('name')
-                    ) {
-                        // OpenFreeMap styles
-                        layer.layout['text-field'] = [
-                            'coalesce',
-                            ['get', `name:${i18n.lang}`],
-                            ['get', 'name'],
-                        ];
-                    }
-                    if (
-                        textField.length == 3 &&
-                        textField[0] === 'coalesce' &&
-                        Array.isArray(textField[1]) &&
-                        textField[1][0] === 'get' &&
-                        typeof textField[1][1] === 'string' &&
-                        textField[1][1].startsWith('name')
-                    ) {
-                        // OpenMapTiles styles
-                        layer.layout['text-field'] = [
-                            'coalesce',
-                            ['get', `name:${i18n.lang}`],
-                            ['get', 'name'],
-                        ];
-                    }
+                if (
+                    Array.isArray(textField) &&
+                    textField.length >= 2 &&
+                    textField[0] === 'coalesce' &&
+                    Array.isArray(textField[1]) &&
+                    textField[1][0] === 'get' &&
+                    typeof textField[1][1] === 'string' &&
+                    textField[1][1].startsWith('name')
+                ) {
+                    layer.layout['text-field'] = [
+                        'coalesce',
+                        ['get', `name:${i18n.lang}`],
+                        ['get', 'name'],
+                    ];
                }
            }
            style.layers.push(layer);
@@ -279,6 +236,10 @@ export class StyleManager {

    getCurrentTerrain() {
        const terrain = get(terrainSource);
+        const source = terrainSources[terrain];
+        if (source.url && source.url.includes(maptilerKeyPlaceHolder)) {
+            source.url = source.url.replace(maptilerKeyPlaceHolder, this._maptilerKey);
+        }
        const map_ = get(this._map);
        return {
            source: terrain,
@@ -11,7 +11,7 @@
    import Clean from '$lib/components/toolbar/tools/Clean.svelte';
    import Reduce from '$lib/components/toolbar/tools/reduce/Reduce.svelte';
    import RoutingControlPopup from '$lib/components/toolbar/tools/routing/RoutingControlPopup.svelte';
-    import { Popup } from 'maplibre-gl';
+    import maplibregl from 'maplibre-gl';
    import { settings } from '$lib/logic/settings';

    let {
@@ -23,11 +23,11 @@
    const { minimizeRoutingMenu } = settings;

    let popupElement: HTMLDivElement | undefined = $state(undefined);
-    let popup: Popup | undefined = $derived.by(() => {
+    let popup: maplibregl.Popup | undefined = $derived.by(() => {
        if (!popupElement) {
            return undefined;
        }
-        let popup = new Popup({
+        let popup = new maplibregl.Popup({
            closeButton: false,
            maxWidth: undefined,
        });
@@ -16,7 +16,7 @@
    import { getURLForLanguage } from '$lib/utils';
    import { Trash2 } from '@lucide/svelte';
    import { map } from '$lib/components/map/map';
-    import type { GeoJSONSource, LngLat } from 'maplibre-gl';
+    import type { GeoJSONSource } from 'maplibre-gl';
    import { selection } from '$lib/logic/selection';
    import { fileActions } from '$lib/logic/file-actions';
    import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
@@ -29,7 +29,7 @@
    let cleanType = $state(CleanType.INSIDE);
    let deleteTrackpoints = $state(true);
    let deleteWaypoints = $state(true);
-    let rectangleCoordinates: LngLat[] = $state([]);
+    let rectangleCoordinates: maplibregl.LngLat[] = $state([]);

    $effect(() => {
        if ($map) {
@@ -163,9 +163,6 @@ export class ReducedGPXLayerCollection {
    reduce() {
        let itemsAndPoints = new Map<ListItem, TrackPoint[]>();
        this._simplified.forEach(([item, maxPts, points], itemFullId) => {
-            if (!get(selection).hasAnyParent(item)) {
-                return;
-            }
            itemsAndPoints.set(
                item,
                points
@@ -41,7 +41,6 @@
    import { fileActions, getFileIds, newGPXFile } from '$lib/logic/file-actions';
    import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
    import { RoutingControls, routingControls } from './routing-controls';
-    import type { Popup } from 'maplibre-gl';

    let {
        minimized = $bindable(false),
@@ -52,7 +51,7 @@
    }: {
        minimized?: boolean;
        minimizable?: boolean;
-        popup?: Popup;
+        popup?: maplibregl.Popup;
        popupElement?: HTMLDivElement;
        class?: string;
    } = $props();
@@ -1,12 +1,10 @@
 import { distance, type Coordinates, TrackPoint, TrackSegment, Track, projectedPoint } from 'gpx';
 import { get, writable, type Readable } from 'svelte/store';
-import {
+import maplibregl, {
    type MapMouseEvent,
    type GeoJSONSource,
    type MapLayerMouseEvent,
    type MapLayerTouchEvent,
-    Popup,
-    Point,
 } from 'maplibre-gl';
 import { route } from './routing';
 import { toast } from 'svelte-sonner';
@@ -52,7 +50,7 @@ export class RoutingControls {
        }
    > = new Map();
    anchors: GeoJSON.Feature<GeoJSON.Point, AnchorProperties>[] = [];
-    popup: Popup;
+    popup: maplibregl.Popup;
    popupElement: HTMLElement;
    fileUnsubscribe: () => void = () => {};
    unsubscribes: Function[] = [];
@@ -63,7 +61,7 @@ export class RoutingControls {

    draggedAnchorIndex: number | null = null;
    lastDraggedAnchorEventTime: number = 0;
-    draggingStartingPosition: Point = new Point(0, 0);
+    draggingStartingPosition: maplibregl.Point = new maplibregl.Point(0, 0);
    onMouseEnterBinded: () => void = this.onMouseEnter.bind(this);
    onMouseLeaveBinded: () => void = this.onMouseLeave.bind(this);
    onClickBinded: (e: MapLayerMouseEvent) => void = this.onClick.bind(this);
@@ -82,7 +80,7 @@ export class RoutingControls {
    constructor(
        fileId: string,
        file: Readable<GPXFileWithStatistics | undefined>,
-        popup: Popup,
+        popup: maplibregl.Popup,
        popupElement: HTMLElement
    ) {
        this.fileId = fileId;
@@ -185,7 +183,7 @@ export class RoutingControls {

        this.layers.forEach((layer, zoom) => {
            try {
-                let source = map_.getSource(layer.id) as GeoJSONSource | undefined;
+                let source = map_.getSource(layer.id) as maplibregl.GeoJSONSource | undefined;
                if (source) {
                    source.setData({
                        type: 'FeatureCollection',
@@ -522,7 +520,7 @@ export class RoutingControls {
        });
    }

-    async appendAnchor(e: MapMouseEvent) {
+    async appendAnchor(e: maplibregl.MapMouseEvent) {
        // Add a new anchor to the end of the last segment
        if (get(streetViewEnabled) && get(streetViewSource) === 'google') {
            return;
@@ -611,7 +609,7 @@ export class RoutingControls {
        await this.routeBetweenAnchors([lastAnchor, newAnchor], [lastAnchorPoint, newAnchorPoint]);
    }

-    addIntermediateAnchor(e: MapMouseEvent) {
+    addIntermediateAnchor(e: maplibregl.MapMouseEvent) {
        e.preventDefault();

        if (this.temporaryAnchor !== null) {
@@ -8,13 +8,13 @@ import { get } from 'svelte/store';
 import { fileStateCollection } from '$lib/logic/file-state';
 import { fileActions } from '$lib/logic/file-actions';
 import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
-import type { Map, GeoJSONSource, MapLayerMouseEvent } from 'maplibre-gl';
+import type { GeoJSONSource } from 'maplibre-gl';
 import { ANCHOR_LAYER_KEY } from '$lib/components/map/style';
 import type { MapLayerEventManager } from '$lib/components/map/map-layer-event-manager';
 import { loadSVGIcon } from '$lib/utils';

 export class SplitControls {
-    map: Map;
+    map: maplibregl.Map;
    layerEventManager: MapLayerEventManager;
    unsubscribes: Function[] = [];

@@ -22,7 +22,7 @@ export class SplitControls {
    layerOnMouseLeaveBinded: () => void = this.layerOnMouseLeave.bind(this);
    layerOnClickBinded: (e: any) => void = this.layerOnClick.bind(this);

-    constructor(map: Map, layerEventManager: MapLayerEventManager) {
+    constructor(map: maplibregl.Map, layerEventManager: MapLayerEventManager) {
        this.map = map;
        this.layerEventManager = layerEventManager;
        loadSVGIcon(
@@ -160,7 +160,7 @@ export class SplitControls {
        mapCursor.notify(MapCursorState.SPLIT_CONTROL, false);
    }

-    layerOnClick(e: MapLayerMouseEvent) {
+    layerOnClick(e: maplibregl.MapLayerMouseEvent) {
        let coordinates = (e.features![0].geometry as GeoJSON.Point).coordinates;
        fileActions.split(
            get(splitAs),
@@ -16,7 +16,7 @@
    import { fileActions } from '$lib/logic/file-actions';
    import { map } from '$lib/components/map/map';
    import { mapCursor, MapCursorState } from '$lib/logic/map-cursor';
-    import { Marker } from 'maplibre-gl';
+    import maplibregl from 'maplibre-gl';
    import { getSvgForSymbol } from '$lib/components/map/gpx-layer/gpx-layer';

    let props: {
@@ -41,7 +41,7 @@
        })
    );

-    let marker: Marker | null = null;
+    let marker: maplibregl.Marker | null = null;

    function reset() {
        if ($selectedWaypoint) {
@@ -125,7 +125,7 @@
                    let element = document.createElement('div');
                    element.classList.add('w-8', 'h-8');
                    element.innerHTML = getSvgForSymbol(symbolKey);
-                    marker = new Marker({
+                    marker = new maplibregl.Marker({
                        element,
                        anchor: 'bottom',
                    })
@@ -59,7 +59,7 @@ These controls allow you to navigate the map, zoom in and out, and switch betwee
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ El botó de capa de mapa permet canviar entre diferents mapes base i alternar ca
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Aquesta eina permet afegir dades d'elevació a traces i [punts d'interès](../gp

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Tlačítko mapové vrstvy umožňuje přepínat mezi různými podkladovými map
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Tento nástroj umožňuje přidat údaje o nadmořské výšce ke stopám a [bod

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Mit der Schaltfläche Karten-Ebenen können Sie zwischen verschiedenen Basemaps
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Fahre mit der Maus über die Karte, um die <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails-Wanderkarte</a> über der <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a>-Basiskarte anzuzeigen.

 </span>
 </div>
@@ -50,5 +50,5 @@ Um die Ausrichtung und Neigung der Karte zu steuern, können Sie die Karte auch

 ### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Full screen

-Vollbildmodus ein- oder ausschalten.
-Du kannst auch <kbd>F11</kbd> drücken, um zu wechseln, oder <kbd>Escape</kbd> zum Beenden.
+Enter or exit full screen mode.
+You can also press <kbd>F11</kbd> to toggle, or <kbd>Escape</kbd> to exit.
@@ -18,7 +18,7 @@ Mit diesem Tool kannst du Höhendaten zu Routen und [Points of Interest] (../gpx

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Die Höhendaten werden von <a href="https://maptiler.com" target="_blank">MapTiler</a> bereitgestellt.
+Mehr über die Herkunft und Genauigkeit erfährst du in der <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">Dokumentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Only one basemap can be displayed at a time.
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ El botón de capas de mapa le permite cambiar entre diferentes mapas bases y alt
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Pasa el ratón sobre el mapa para que la capa de <a href="https://hiking.waymarkedtrails.org" target="_blank">Caminatas por Sendas Marcadas</a> aparezca superpuesta al mapa base topográfico.
+Pasa el ratón sobre el mapa para que la capa de <a href="https://hiking.waymarkedtrails.org" target="_blank">Caminatas por Sendas Marcadas</a> aparezca superpuesta al mapa base <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler</a>.

 </span>
 </div>
@@ -48,7 +48,7 @@ Para controlar la orientación e inclinación del mapa, puede arrastrarlo mientr

 </DocsNote>

-### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Pantalla completa
+### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Full screen

-Entrar o salir del modo de pantalla completa.
-También puede presionar <kbd>F11</kbd> para alternar, o <kbd>Escape</kbd> para salir.
+Enter or exit full screen mode.
+You can also press <kbd>F11</kbd> to toggle, or <kbd>Escape</kbd> to exit.
@@ -18,7 +18,7 @@ Esta herramienta permite añadir datos de elevación a los rastros y [puntos de

 <DocsNote>

-Los datos de elevación son proporcionados por <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-Puede aprender más sobre su origen y precisión en la <a href="https://mapterhorn.com/attribution/" target="_blank">documentación</a>.
+Los datos de notificación son proporcionados por <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+Puedes aprender más sobre su origen y precisión en la <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentación</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Maparen geruzen botoiak mapa-oinarri desberdinen artean aldatzeko aukera ematen
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Tresna honen bidez elebazio datuak gehitzen ahal dira ibilbidetan eta [interesgu

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Le bouton des couches de la carte vous permet de basculer entre différents fond
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Survolez la carte pour afficher la superposition des chemins de randonnée <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails</a> au fond de carte topographique.
+Survolez la carte pour afficher la superposition des chemins de randonnée <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails</a> au fond de carte <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a>.

 </span>
 </div>
@@ -18,7 +18,7 @@ Cet outil vous permet d'ajouter des données d'altitude aux traces et aux [point

 <DocsNote>

-Les données d'altitude sont fournies par <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-Vous pouvez en apprendre plus sur leur origine et précision dans la <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Les données d'altitude sont fournies par <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+Vous pouvez en apprendre plus sur leur origine et précision dans la <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Ez az eszköz lehetővé teszi magassági adatok hozzáadását a nyomvonalakhoz

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Il pulsante dei livelli di mappa consente di passare da una basemap all'altra, e
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Questo strumento ti permette di aggiungere dati di altimetria a tracce e [punti

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ Met de kaartlagen knop kun je wisselen tussen verschillende basiskaarten, en kaa
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Beweeg over de kaart om de <a href="https://hiking.waymarkedtrails.org" target="_blank">Gemarkeerde sporen wandelen</a> overlay te tonen bovenop de topografische basiskaart.
+Beweeg over de kaart om de <a href="https://hiking.waymarkedtrails.org" target="_blank">Gemarkeerde sporen wandelen</a> overlay te tonen bovenop de <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -69,4 +69,4 @@ Ze kunnen worden ingeschakeld in het [map layer settings dialoog](./menu/setting

 In deze instellingen kun je ook de transparantie van de lagen beheren.

-Voor gevorderde gebruikers is het mogelijk om aangepaste basiskaarten en lagen toe te voegen met <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, of <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre-stijl JSON</a> URLs.
+For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.
@@ -13,9 +13,9 @@ title: Instellingen

 Wijzig de eenheden die worden gebruikt om afstanden in de interface weer te geven.

-### <Zap size="16" class="inline-block" style="margin-bottom: 2px" /> Snelheidseenheden
+### <Zap size="16" class="inline-block" style="margin-bottom: 2px" /> Snelheids eenheden

-Verander de eenheden die worden gebruikt om snelheden in de interface weer te geven.
+Verander de eenheden die worden gebruikt om velocities in de interface weer te geven.
 Je kunt kiezen tussen afstand per uur of minuten per afstand, wat geschikter kan zijn voor het uitvoeren van activiteiten.

 ### <Thermometer size="16" class="inline-block" style="margin-bottom: 2px" /> Temperatuureenheden
@@ -51,4 +51,4 @@ Om de oriëntatie en kanteling van de kaart te bepalen, kun je ook de kaart slep
 ### <Maximize2 size="16" class="inline-block" style="margin-bottom: 2px" /> Volledig scherm

 Start of stop volledig scherm modus.
-Je kunt ook op <kbd>F11</kbd> drukken om te wisselen, of <kbd>Escape</kbd> om af te sluiten.
+Je kunt ook op <kbd>F11</kbd> drukken om te wisselen, of <kbd>Esc</kbd> om af te sluiten.
@@ -18,7 +18,7 @@ Met dit gereedschap kun je hoogtegegevens toevoegen aan sporen en [interessante

 <DocsNote>

-Hoogtegegevens worden verstrekt door <a href="https://maptiler.com" target="_blank">Mapterhorn</a>.
-Je kunt meer leren over de oorsprong en nauwkeurigheid in de <a href="https://mapterhorn.com/attribution/" target="_blank">documentatie</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -1,5 +1,5 @@
 ---
-title: Rens
+title: Clean
 ---

 <script>
@@ -9,9 +9,9 @@ title: Rens

 # <SquareDashedMousePointer size="24" class="inline-block" style="margin-bottom: 5px" /> { title }

-Når rensverktøyet er valgt, markeres et område ved å tegne et rektangel på kartet.
+When the clean tool is selected, dragging the map will create a rectangular selection.

-Avhengig av alternativene som er valgt i dialogboksen nedenfor, fjerner slett-knappen GPS-punkter og/eller [interessepunkter – POI](../gpx) enten innenfor eller utenfor det merkede området.
+Depending on the options selected in the dialog shown below, clicking the delete button will remove GPS points and/or [points of interest](../gpx) located either inside or outside the selection.

 <div class="flex flex-row justify-center">
    <Clean class="text-foreground p-3 border rounded-md shadow-lg" />
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -1,5 +1,5 @@
 ---
-title: Interessepunkt
+title: Points of interest
 ---

 <script>
@@ -9,19 +9,19 @@ title: Interessepunkt

 # <MapPin size="24" class="inline-block" style="margin-bottom: 5px" /> { title }

-[Interessepunkt](../gpx) kan legges til GPX filer for å markere punkter av interesse for å vises på en GPS-enhet.
+[Points of interest](../gpx) can be added to GPX files to mark locations of interest on the map and display them on your GPS device.

-### Opprettelse av interessepunkt
+### Creating a point of interest

-Fyll ut skjemaet nedenfor for å opprette et interessepunkt.
-Ved å klikke på kartet eller skrive inn koordinatene, kan du angi plassering til interessepunktet.
-Bekreft skjemaet når du er ferdig.
+To create a point of interest, fill in the form shown below.
+You can choose the location of the point of interest either by clicking on the map or by entering the coordinates manually.
+Validate the form when you are done.

 <div class="flex flex-row justify-center">
    <Waypoint class="text-foreground p-3 border rounded-md shadow-lg" />
 </div>

-### Redigering av interessepunkt
+### Editing a point of interest

-Et eksisterende interessepunkt kan også redigeres ved å velge det på kartet og deretter bruke skjemaet over.
-Interessepunktet kan flyttes ved å dra det til ønsket plassering.
+The form above can also be used to edit an existing point of interest after selecting it on the map.
+If you only need to move the point of interest, you can drag it to the desired location.
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ To narzędzie pozwala dodawać dane dotyczące wysokości do tras i [punktów za

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ O botão de camadas de mapa permite que você alterne entre diferentes mapas e a
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Esta ferramenta permite que você adicione dados de elevação a rastros e [pont

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -59,7 +59,7 @@ The map layers button allows you to switch between different basemaps, and toggl
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ This tool allows you to add elevation data to traces and [points of interest](..

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -47,11 +47,11 @@ title: Файлы и статистика

 Щелкнув правой кнопкой мыши на вкладке файла, вы можете получить доступ к тем же действиям, что и в [меню редактирования](./menu/edit).

-### Древовидное представление
+### Tree layout

-Как указано в разделе [Варианты отображения](./menu/view), вы можете переключаться на древовидное представление для списка файлов.
-Эта раскладка идеально подходит для управления большим количеством открытых файлов, так как она упорядочивает их в вертикальный список справа от карты.
-Кроме того, древовидное представление файлов позволяет вам исследовать [треки, сегменты и точки интереса](./gpx) содержащиеся в файлах через выпадающие списки.
+As mentioned in the [view options section](./menu/view), you can switch to a tree layout for the files list.
+This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
+In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](./gpx) contained inside the files through collapsible sections.

 Вы также можете применять [действия редактирования](./menu/edit) и [инструменты](./toolbar) к внутренним элементам файла.
 Кроме того, вы можете перетаскивать внутренние элементы, чтобы изменить их порядок, перемещать их в иерархии или даже в другой файл.
@@ -98,12 +98,12 @@ title: Файлы и статистика
    />
 </div>

-### Дополнительная информация
+### Additional data

-С помощью кнопки <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> справа от профиля высоты можно добавить цветовое выделение профиля на основе:
+Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:

- **угла наклона** информации, вычисленной на основе данных о высоте, или
- **поверхности** или **категории** - данных, полученных из меток <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">Поверхность</a> и <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">Шоссе</a> карт <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s.
-  Данная возможность доступна только для файлов, созданных в **gpx.studio**.
+- **slope** information computed from the elevation data, or
+- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
+  This is only available for files created with **gpx.studio**.

-Если выбрана данная опция, вы также можете добавить визуализацию данных **Скорости**, **Пульса**, **Темпа**, **Температуры** и **Мощности** на профиле высоты.
+If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
@@ -59,7 +59,7 @@ The map controls are located on the right side of the interface.
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>
@@ -18,7 +18,7 @@ Hide the elevation profile to make room for the map, or show it to inspect the c
 ### <ListTree size="16" class="inline-block" style="margin-bottom: 2px" /> File tree

 Toggle the tree layout for the [file list](../files-and-stats).
-Эта раскладка идеально подходит для управления большим количеством открытых файлов, так как она упорядочивает их в вертикальный список справа от карты.
+This layout is ideal for managing a large number of open files, as it organizes them into a vertical list on the right side of the map.
 In addition, the file tree view enables you to inspect the [tracks, segments, and points of interest](../gpx) contained inside the files through collapsible sections.

 ### <Map size="16" class="inline-block" style="margin-bottom: 2px" /> Switch to previous basemap
@@ -18,7 +18,7 @@ title: Высота

 <DocsNote>

-Elevation data is provided by <a href="https://mapterhorn.com" target="_blank">Mapterhorn</a>.
-You can learn more about its origin and accuracy in the <a href="https://mapterhorn.com/attribution/" target="_blank">documentation</a>.
+Elevation data is provided by <a href="https://maptiler.com" target="_blank">MapTiler</a>.
+You can learn more about its origin and accuracy in the <a href="https://docs.maptiler.com/guides/map-tiling-hosting/data-hosting/rgb-terrain-by-maptiler/" target="_blank">documentation</a>.

 </DocsNote>
@@ -1,5 +1,5 @@
 ---
-title: Česta pitanja
+title: FAQ
 ---

 <script>
@@ -8,28 +8,28 @@ title: Česta pitanja

 # { title }

-### Da li je potrebno da doniram da bih koristio veb stranicu?
+### Do I need to donate to use the website?

-Ne.
-Veb-sajt je besplatan za korišćenje i uvek će biti (sve dok je finansijski održiv).
-Međutim, donacije su dobrodošle i pomažu u održavanju veb stranice u funkciji.
+No.
+The website is free to use and always will be (as long as it is financially sustainable).
+However, donations are appreciated and help keep the website running.

-### Zašto je ova ruta izabrana umesto one? _Ili_ kako mogu nešto da dodam na mapu?
+### Why is this route chosen over that one? _Or_ how can I add something to the map?

-**gpx.studio** koristi podatke iz <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>, što je otvorena i kolaborativna mapa sveta.
-To znači da možete doprineti mapi dodavanjem ili uređivanjem podataka na OpenStreetMap-u.
+**gpx.studio** uses data from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>, which is an open and collaborative world map.
+This means you can contribute to the map by adding or editing data on OpenStreetMap.

-Ako nikada ranije niste doprineli OpenStreetMap-u, evo kako možete predložiti izmene:
+If you have never contributed to OpenStreetMap before, here is how you can suggest changes:

-1. Idite na lokaciju gde želite da dodate ili izmenite podatke na <a href="https://www.openstreetmap.org/" target="_blank">mapi</a>.
-2. Koristite alatku <button>Upiti o karakteristikama</button> sa desne strane da biste pregledali postojeće podatke.
-3. Kliknite desnim tasterom miša na lokaciju i izaberite <button>Dodaj belešku ovde</button>.
-4. Objasnite šta je netačno ili nedostaje u napomeni i kliknite na <button>Dodaj napomenu</button> da biste je poslali.
+1. Go to the location where you want to add or edit data on the <a href="https://www.openstreetmap.org/" target="_blank">map</a>.
+2. Use the <button>Query features</button> tool on the right to inspect the existing data.
+3. Right-click on the location and select <button>Add a note here</button>.
+4. Explain what is incorrect or missing in the note and click <button>Add note</button> to submit it.

-Neko ko ima više iskustva sa OpenStreetMap-om će zatim pregledati vašu belešku i napraviti potrebne izmene.
+Someone more experienced with OpenStreetMap will then review your note and make the necessary changes.

 <DocsNote>

-Više informacija o tome kako da doprinesete OpenStreetMap-u možete pronaći <a href="https://wiki.openstreetmap.org/wiki/How_to_contribute" target="_blank">ovde</a>.
+More information on how to contribute to OpenStreetMap can be found <a href="https://wiki.openstreetmap.org/wiki/How_to_contribute" target="_blank">here</a>.

 </DocsNote>
@@ -21,13 +21,13 @@ title: Datoteke i statistike

 ## Lista datoteka

-Jednom kada [otvorite](./menu/file) datoteke, one će biti prikazane kao kartice u listi datoteka koja se nalazi na dnu mape.
-Možete ih promeniti tako što ćete prevući i ispustiti kartice.
-A kada je otvoreno mnogo datoteka, možete se kretati kroz listu kartica da biste se kretali između njih.
+Jednom kada [otvorite](./menu/file) datoteke, biće prikazane kao kartice na listi datoteka lociranih na dnu mape
+Možete im promeniti redosled tako što ćete prevući i pustiti kartice.
+Ukoliko je mnogo datoteka otvoreno, možete se kretati kroz njih skrolovanjem.

 <DocsNote>

-Kada koristite miš, potrebno je da držite <kbd>Shift</kbd> da biste se kretali horizontalno.
+Pri korišćenju miša, neophodno je držati pritisnuto <kbd>Shift</kbd> da bi se pomeralo horizontalno.

 </DocsNote>

@@ -47,7 +47,7 @@ Takođe možete se kretati kroz datoteke pomoću tastera sa strelicama na tasta

 Desnim klikom na karticu datoteke možete pristupiti istim radnjama kao u [meniju za uređivanje](./menu/edit).

-### Raspored stabla
+### Izgled drveta

 Kao što je pomenuto u [odeljku sa opcijama prikaza](./menu/view), možete da pređete na izgled stabla za listu datoteka.
 Ovaj raspored je idealan za upravljanje velikim brojem otvorenih datoteka, jer ih organizuje u vertikalnu listu na desnoj strani mape.
@@ -74,9 +74,9 @@ Veličina profila nadmorske visine može se podesiti prevlačenjem separatora iz

 ### Interaktivna statistika

-Kada se kursor zadrži iznad profila elevacije, prikazaće se objašnjenje statistike na poziciji kursora.
+Kada pređete mišem preko profila nadmorske visine, opis alata će prikazati statistiku na poziciji kursora.

-Da biste dobili statistiku za određeni deo profila visine, možete prevući pravougaonik za selekciju na profilu.
+Da biste dobili statistiku za određeni deo profila nadmorske visine, možete prevući pravougaonik za izbor na profilu
 Kliknite na profil da resetujete izbor.

 Takođe možete da koristite točkić miša da zumirate i umanjite profil nadmorske visine i da se pomerate levo i desno prevlačenjem profila dok držite taster <kbd>Shift</kbd>.
@@ -98,12 +98,12 @@ Takođe možete da koristite točkić miša da zumirate i umanjite profil nadmo
    />
 </div>

-### Dodatni podaci
+### Additional data

-Koristeći dugme <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> u donjem desnom uglu profila visine, možete opciono obojiti profil visine pomoću:
+Using the <kbd><ChartNoAxesColumn size="16" class="inline-block" style="margin-bottom: 2px"/></kbd> button at the bottom-right of the elevation profile, you can optionally color the elevation profile by:

- informacije o **nagibu** izračunate iz podataka o nadmorskoj visini, ili
- Podaci o \*površini** ili **kategoriji** koji dolaze iz oznaka <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">površina</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">autoput</a> oznake.
-  Ovo je dostupno samo za datoteke kreirane pomoću **gpx.studio\*\*.
+- **slope** information computed from the elevation data, or
+- **surface** or **category** data coming from <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>'s <a href="https://wiki.openstreetmap.org/wiki/Key:surface" target="_blank">surface</a> and <a href="https://wiki.openstreetmap.org/wiki/Key:highway" target="_blank">highway</a> tags.
+  This is only available for files created with **gpx.studio**.

-Ako vaš izbor to uključuje, možete vizualizovati i: **brzinu**, **puls**, **kadencu**, **temperaturu** i **snagu** na profilu nadmorske visine.
+If your selection includes it, you can also visualize: **speed**, **heart rate**, **cadence**, **temperature** and **power** data on the elevation profile.
@@ -8,12 +8,12 @@ title: GPX format datoteke

 # { title }

-<a href="https://www.topografix.com/gpx.asp" target="_blank">GPX format datoteke</a> je otvoreni standard za razmenu GPS podataka između aplikacija i GPS uređaja.
+<a href="https://www.topografix.com/gpx.asp" target="_blank">Format GPX datoteke</a> je otvoreni standard za razmenu GPS podataka između aplikacija i GPS uređaja
 U suštini se sastoji od niza GPS tačaka koje kodiraju jedan ili više GPS trekova, i, opciono, neke interesantne tačke.

 GPX datoteke mogu da sadrže i metapodatke, od kojih su polja **naziv** i **opis** najkorisnija za korisnike.

-### <Waypoints size="16" class="inline-block" style="margin-bottom: 2px" /> Praćenja, segmenti i GPS tačke
+### <Waypoints size="16" class="inline-block" style="margin-bottom: 2px" /> Putanje, segmenti i GPS tačke

 Kao što je gore pomenuto, GPX datoteka može sadržati više GPS trekova.
 Oni su organizovani u hijerarhijsku strukturu, sa putanjama na najvišem nivou.
@@ -1,5 +1,5 @@
 ---
-title: Integracija
+title: Integration
 ---

 <script>
@@ -9,18 +9,18 @@ title: Integracija

 # { title }

-Možete koristiti **gpx.studio** da biste kreirali mape koje prikazuju vaše GPX datoteke i ugradili ih na svoju veb stranicu.
+You can use **gpx.studio** to create maps showing your GPX files and embed them in your website.

-Sve što vam je potrebno je:
+All you need is:

-1. GPX datoteke smeštene na vašem serveru ili na Gugl disku, ili dostupne preko javne URL adrese;
-2. _Opciono:_ <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler ključ</a> za učitavanje MapTiler mapa.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.

-Zatim možete eksperimentisati sa konfiguratorom ispod da biste prilagodili svoju mapu i generisali odgovarajući HTML kod.
+You can then play with the configurator below to customize your map and generate the corresponding HTML code.

 <DocsNote type="warning">

-Moraćete da podesite zaglavlja <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> na vašem serveru kako biste omogućili da <b>gpx.studio</b> učita vaše GPX datoteke.
+You will need to set up <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> headers on your server to allow <b>gpx.studio</b> to load your GPX files.

 </DocsNote>

@@ -10,63 +10,63 @@ title: Kontrole mape

 # { title }

-Kontrole mape se nalaze na desnoj strani interfejsa.
+The map controls are located on the right side of the interface.
 Ove kontrole vam omogućavaju da se krećete po mapi, uvećavate i umanjujete i prelazite između različitih stilova mape.

-### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Navigacija mape
+### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation

-Kontrole na vrhu vam omogućavaju da uvećate <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> i smanjite <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, i da promenite orijentaciju i nagib mape <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
+The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.

 <DocsNote>

-Da biste kontrolisali orijentaciju i nagib mape, možete je prevlačiti dok držite pritisnut taster <kbd>Ctrl</kbd>.
+To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.

 </DocsNote>

-### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Traka za pretragu
+### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Search bar

-Možete koristiti traku za pretragu da biste potražili adresu i došli do nje na mapi.
+You can use the search bar to look for an address and navigate to it on the map.

-### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Dugme za lociranje
+### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Locate button

-Dugme za lociranje centrira mapu na vašu trenutnu lokaciju.
+The locate button centers the map on your current location.

 <DocsNote>

-Ovo funkcioniše samo ako ste dozvolili svom pregledaču i <b>gpx.studio</b> da pristupe vašoj lokaciji.
+This only works if you have allowed your browser and <b>gpx.studio</b> to access your location.

 </DocsNote>

-### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Prikaz ulice
+### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view

-Ovo dugme se može koristiti za omogućavanje režima prikaza ulice na mapi.
-U zavisnosti od izvora prikaza ulice izabranog u [podešavanjima](./menu/settings), slikama prikaza ulice može se pristupiti na različite načine.
+This button can be used to enable street view mode on the map.
+Depending on the street view source chosen in the [settings](./menu/settings), street view imagery can be accessed differently.

- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: pokrivenost prikazom ulica će se pojaviti kao zelene linije na mapi. Kada se dovoljno uveća, zelene tačke će pokazati tačne lokacije gde su dostupne slike prikaza ulice. Prelazak pokazivača miša iznad zelene tačke prikazaće sliku ulice na toj lokaciji.
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: kliknite na mapu da biste otvorili novu karticu sa slikama Street View-a na toj lokaciji.
+- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: the street view coverage will appear as green lines on the map. When zoomed in enough, green dots will show the exact locations where street view imagery is available. Hovering over a green dot will show the street view image at that location.
+- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: click on the map to open a new tab with the street view imagery at that location.

-### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Slojevi mape
+### <Layers size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers

-Dugme za slojeve mape vam omogućava da prelazite između različitih osnovnih mapa i da menjate preklapanja mape i kategorije tačaka od interesa.
+The map layers button allows you to switch between different basemaps, and toggle map overlays and categories of points of interest.

- **Osnovne karte** su pozadinske karte koje prikazuju glavne geografske karakteristike sveta.
-  U zavisnosti od njihove namene, osnovne mape imaju različite stilove i nivoe detalja.
-  Samo jedna osnovna mapa može biti prikazana istovremeno.
- **Slojevi** su dodatni slojevi koji se mogu prikazati preko osnovne mape radi pružanja dopunskih informacija.
- **Zanimljivosti** mogu se dodati na mapu kako bi se prikazale različite kategorije mesta, kao što su prodavnice, restorani ili smeštaj.
+- **Basemaps** are background maps that present the main geographic features of the world.
+  Depending on their purpose, basemaps have different styles and levels of detail.
+  Only one basemap can be displayed at a time.
+- **Overlays** are additional layers that can be displayed on top of the basemap to provide complementary information.
+- **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.

 <div class="flex flex-col items-center">
 <DocsLayers />
 <span class="text-sm text-center mt-2">

-Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the topographic basemap.
+Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.maptiler.com/maps/outdoor-topo/" target="_blank">MapTiler Topo</a> basemap.

 </span>
 </div>

-Velika kolekcija globalnih i lokalnih osnovnih mapa i slojeva dostupna je u **gpx.studio**, kao i izbor kategorija tačaka interesa.
-Mogu se omogućiti u [dijalogu za podešavanja sloja mape](./menu/settings).
+A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.
+They can be enabled in the [map layer settings dialog](./menu/settings).

-U ovim podešavanjima možete takođe upravljati neprozirnošću preklapanja.
+In these settings, you can also manage the opacity of the overlays.

-Za napredne korisnike, moguće je dodati prilagođene osnovne mape i preklapanja pružanjem <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a> ili <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">JSON stila MapLibre</a> URL-ova.
+For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.
@@ -8,10 +8,10 @@ title: Meni

 # { title }

-Glavni meni, koji se nalazi na vrhu interfejsa, pruža pristup radnjama, opcijama i podešavanjima podeljenim u nekoliko kategorija, objašnjenih odvojeno u sledećim odeljcima.
+The main menu, located at the top of the interface, provides access to actions, options, and settings divided into several categories, explained separately in the following sections.

 <DocsNote>

-Većina radnji u meniju može se izvršiti i pomoću prečica na tastaturi prikazanih u meniju.
+Most of the menu actions can also be performed using the keyboard shortcuts displayed in the menu.

 </DocsNote>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
vcoppe	897ba92a85	New translations view.mdx (Dutch)	2026-04-20 10:34:01 +02:00
vcoppe	29fb08dd34	New translations en.json (Dutch)	2026-04-20 10:33:59 +02:00