From dc162ff58c4110040b369f0fef10b92f2c968f38 Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Fri, 19 Jun 2026 13:11:42 +0200
Subject: [PATCH] feat: switch to Stadia Alidade Smooth Dark map tiles

---
 themes/intotheeast/templates/dailies.html.twig | 6 ++++--
 themes/intotheeast/templates/map.html.twig     | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/themes/intotheeast/templates/dailies.html.twig b/themes/intotheeast/templates/dailies.html.twig
index 8af0070..1600597 100644
--- a/themes/intotheeast/templates/dailies.html.twig
+++ b/themes/intotheeast/templates/dailies.html.twig
@@ -28,8 +28,10 @@
 var FEED_ENTRIES = {{ map_entries|json_encode|raw }};
 
 var map = L.map('feed-map', { minZoom: 2, maxZoom: 18, zoomControl: true });
-L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+// TODO: add Stadia API key before launch — free dev use requires no key, production does
+L.tileLayer('https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png', {
+    maxZoom: 20,
+    attribution: '© <a href="https://stadiamaps.com/">Stadia Maps</a> © <a href="https://openmaptiles.org/">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);
 
 var latLngs = FEED_ENTRIES.map(function(e) { return [parseFloat(e.lat), parseFloat(e.lng)]; });
diff --git a/themes/intotheeast/templates/map.html.twig b/themes/intotheeast/templates/map.html.twig
index 2ab9765..3f908b0 100644
--- a/themes/intotheeast/templates/map.html.twig
+++ b/themes/intotheeast/templates/map.html.twig
@@ -43,8 +43,10 @@ var ENTRIES = {{ map_entries|json_encode|raw }};
 
 var map = L.map('trip-map', { minZoom: 2, maxZoom: 18 });
 
-L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+// TODO: add Stadia API key before launch — free dev use requires no key, production does
+L.tileLayer('https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png', {
+    maxZoom: 20,
+    attribution: '© <a href="https://stadiamaps.com/">Stadia Maps</a> © <a href="https://openmaptiles.org/">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);
 
 // GPX route tracks