Add Tracestrack Topo layer

config.env.example

@@ -33,4 +33,9 @@
 # Lima Labs provides nice double resolution layers.
 # If this is defined, they are used as the default layer instead of Mapnik.
 # Get an API key here: https://maps.lima-labs.com/
-#LIMA_LABS_TOKEN=
+#LIMA_LABS_TOKEN=
+
+# Tracestrack provides a nice topographic map.
+# If this is defined, the Tracestrack Topo map style will be available.
+# Get an API key here: https://tracestrack.com/
+#TRACESTRACK_TOKEN=

docs/src/developers/leaflet/layers.md

@@ -29,13 +29,15 @@ L.control.layers(byName(layers.baseLayers), byName(layers.overlays)).addTo(map);
 
 There are some global layer options that change the behaviour of the available layers:
 * `limaLabsToken`: A [Lima Labs](https://maps.lima-labs.com/) API token. If defined, the Lima Labs layer will be available and used as the default layer instead of Mapnik. Lima Labs layers are very similar to Mapnik in style, but they are double resolution (so they don’t look pixely on high-resolution screens) and have English place names in addition to the local language.
+* `tracestrackToken`: A [Tracestrack](https://tracestrack.com/) API token. If defined, the Tracestrack Topo map style will be available.
 
 To set the global layer options, use the `setLayerOptions()` function:
 ```javascript
 import { setLayerOptions } from "facilmap-leaflet";
 
 setLayerOptions({
-	limaLabsToken: "..."
+	limaLabsToken: "...",
+	tracestrackToken: "..."
 });
 ```
 

docs/src/developers/server/config.md

@@ -21,6 +21,7 @@ The config of the FacilMap server can be set either by using environment variabl
 | `MAXMIND_USER_ID`     |          |             | [MaxMind user ID](https://www.maxmind.com/en/geolite2/signup). |
 | `MAXMIND_LICENSE_KEY` |          |             | MaxMind license key. |
 | `LIMA_LABS_TOKEN`     |          |             | [Lima Labs](https://maps.lima-labs.com/) API key |
+| `TRACESTRACK_TOKEN`   |          |             | [Tracestrack](https://tracestrack.com/) API key |
 | `HIDE_COMMERCIAL_MAP_LINKS` |    |             | Set to `1` to hide the links to Google/Bing Maps in the “Map style” menu. |
 | `CUSTOM_CSS_FILE`     |          |             | The path of a CSS file that should be included ([see more details below](#custom-css-file)). |
 | `NOMINATIM_URL`       |          | `https://nominatim.openstreetmap.org` | The URL to the Nominatim server (used to search for places). |

frontend/src/map/map.ts

@@ -21,7 +21,8 @@ if ('serviceWorker' in navigator && location.hostname !== "localhost") {
 }
 
 setLayerOptions({
-	limaLabsToken: config.limaLabsToken
+	limaLabsToken: config.limaLabsToken,
+	tracestrackToken: config.tracestrackToken
 });
 
 const queryParams = decodeQueryString(location.search);

leaflet/src/i18n/de.json

@@ -10,6 +10,8 @@
         "map1-attribution": "© [Map1.eu](http://map1.eu/) / [OSM-Mitwirkende](https://www.openstreetmap.org/copyright/de)",
         "topo-name": "OpenTopoMap",
         "topo-attribution": "© [OpenTopoMap](https://opentopomap.org/) ([CC-BY-SA](https://creativecommons.org/licenses/by-sa/3.0/)) / [OSM-Mitwirkende](https://www.openstreetmap.org/copyright/de)",
+        "trto-name": "Tracestrack Topo",
+        "trto-attribution": "Daten: © [OSM-Mitwirkende](https://www.openstreetmap.org/copyright/de), [SRTM](http://viewfinderpanoramas.org/), [GEBCO](https://www.gebco.net/), [SONNY's LiDAR DTM](https://sonny.4lima.de/), [NASADEM](https://portal.opentopography.org/datasetMetadata?otCollectionID=OT.032021.4326.2), [ESA WorldCover](https://worldcover2021.esa.int/); Karte © [Tracestrack](https://www.tracestrack.com/)",
         "cyco-name": "CyclOSM",
         "cyco-attribution": "© [CyclOSM](https://www.cyclosm.org/) / [OSM-Mitwirkende](https://www.openstreetmap.org/copyright/de)",
         "ocyc-name": "OpenCycleMap",

leaflet/src/i18n/en.json

@@ -9,7 +9,9 @@
         "map1-name": "Map1.eu",
         "map1-attribution": "© [Map1.eu](http://map1.eu/) / [OSM Contributors](https://www.openstreetmap.org/copyright)",
         "topo-name": "OpenTopoMap",
-        "topo-attribution": "© [OpenTopoMap](https://opentopomap.org/) ([CC-BY-SA](https://creativecommons.org/licenses/by-sa/3.0/)) / [OSM Contributors](https://www.openstreetmap.org/copyright)",
+        "topo-attribution": "Data: © [OpenTopoMap](https://opentopomap.org/) ([CC-BY-SA](https://creativecommons.org/licenses/by-sa/3.0/)) / [OSM Contributors](https://www.openstreetmap.org/copyright)",
+        "trto-name": "Tracestrack Topo",
+        "trto-attribution": "© [OSM contributors](https://www.openstreetmap.org/copyright), [SRTM](http://viewfinderpanoramas.org/), [GEBCO](https://www.gebco.net/), [SONNY's LiDAR DTM](https://sonny.4lima.de/), [NASADEM](https://portal.opentopography.org/datasetMetadata?otCollectionID=OT.032021.4326.2), [ESA WorldCover](https://worldcover2021.esa.int/); Maps © [Tracestrack](https://www.tracestrack.com/)",
         "cyco-name": "CyclOSM",
         "cyco-attribution": "© [CyclOSM](https://www.cyclosm.org/) / [OSM Contributors](https://www.openstreetmap.org/copyright)",
         "ocyc-name": "OpenCycleMap",

leaflet/src/layers.ts

@@ -68,6 +68,14 @@ export function createDefaultLayers(): Layers & { fallbackLayer: string | undefi
 				noWrap: true
 			})),
 
+			...(layerOptions.tracestrackToken ? {
+				TrTo: fixAttribution(tileLayer(`https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png?key=${encodeURIComponent(layerOptions.tracestrackToken)}`, {
+					...fmName(() => getI18n().t("layers.trto-name")),
+					...attribution(() => getI18n().t("layers.trto-attribution")),
+					noWrap: true
+				}))
+			} : {}),
+
 			CycO: fixAttribution(tileLayer("https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png", {
 				...fmName(() => getI18n().t("layers.cyco-name")),
 				...attribution(() => getI18n().t("layers.cyco-attribution")),
@@ -146,6 +154,7 @@ export function setLayers(create: typeof createDefaultLayers): void {
 
 export interface LayerOptions {
 	limaLabsToken?: string;
+	tracestrackToken?: string;
 }
 
 let layerOptions: LayerOptions = {};

server/src/config.ts

@@ -24,6 +24,7 @@ export interface Config {
 	maxmindUserId?: string;
 	maxmindLicenseKey?: string;
 	limaLabsToken?: string;
+	tracestrackToken?: string;
 	/** Hide the "Open this on Google/Bing Maps" links in the map style menu */
 	hideCommercialMapLinks?: boolean;
 	customCssFile?: string;
@@ -61,7 +62,8 @@ const config: Config = {
 	maxmindUserId: process.env.MAXMIND_USER_ID || "",
 	maxmindLicenseKey: process.env.MAXMIND_LICENSE_KEY || "",
 
-	limaLabsToken: process.env.LIMA_LABS_TOKEN || "", // Get a token on https://maps.lima-labs.com/,
+	limaLabsToken: process.env.LIMA_LABS_TOKEN || "", // Get a token on https://maps.lima-labs.com/
+	tracestrackToken: process.env.TRACESTRACK_TOKEN || "", // Get a token on https://tracestrack.com/
 
 	hideCommercialMapLinks: process.env.HIDE_COMMERCIAL_MAP_LINKS === "1",
 

server/src/frontend.ts

@@ -68,6 +68,7 @@ function getInjectedConfig(): InjectedConfig {
 		openElevationMaxBatchSize: config.openElevationMaxBatchSize,
 		nominatimUrl: config.nominatimUrl,
 		limaLabsToken: config.limaLabsToken,
+		tracestrackToken: config.tracestrackToken,
 		hideCommercialMapLinks: config.hideCommercialMapLinks,
 		supportsRoutes: !!config.mapboxToken || !!config.orsToken,
 		supportsAdvancedRoutes: !!config.orsToken

utils/src/types.ts

@@ -14,6 +14,7 @@ export interface InjectedConfig {
 	openElevationMaxBatchSize: number;
 	nominatimUrl: string;
 	limaLabsToken?: string;
+	tracestrackToken?: string;
 	hideCommercialMapLinks?: boolean;
 	supportsRoutes: boolean;
 	supportsAdvancedRoutes: boolean;