From a13d74e18efb1b85cdb9c68d0492654f41fe7557 Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Mon, 10 Aug 2026 04:34:49 -0400
Subject: [PATCH] Fix remote portal map tiles and geocode

- history.js reads tile URL from data-tile-url attribute on #history-map div,
  falling back to local offline tiles (Pi behavior unchanged)
- server history.html sets data-tile-url to live OSM tiles
- maxZoom raised to 19 (OSM supports it, local tiles were limited to 15)
- server geocode returns 'label' key to match what history.js/yaris.js expect

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 server/app.py                 |  2 +-
 server/templates/history.html |  4 +++-
 static/js/history.js          | 13 ++++++++-----
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/server/app.py b/server/app.py
index 14edb87..10e1617 100644
--- a/server/app.py
+++ b/server/app.py
@@ -542,7 +542,7 @@ def geocode():
     lon4 = int(round(lon, 4) * 10000)
     name = _geocode_cached(lat4, lon4)
     if name:
-        return jsonify(name=name)
+        return jsonify(label=name)
     return jsonify(name=None), 204
 
 
diff --git a/server/templates/history.html b/server/templates/history.html
index f6f566d..fcd25d4 100644
--- a/server/templates/history.html
+++ b/server/templates/history.html
@@ -53,7 +53,9 @@
                 </div>
             </div>
             <div class="card-body p-0">
-                <div id="history-map" aria-label="Selected trip route map"></div>
+                <div id="history-map" aria-label="Selected trip route map"
+                     data-tile-url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+                     data-tile-attrib="&copy; <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors"></div>
                 <div id="trip-timeline" class="border-top p-3" hidden>
                     <div class="d-flex align-items-center gap-3">
                         <button id="trip-play" class="btn btn-primary btn-sm" type="button" aria-label="Play">
diff --git a/static/js/history.js b/static/js/history.js
index 30aa38f..dfcc977 100644
--- a/static/js/history.js
+++ b/static/js/history.js
@@ -10,11 +10,14 @@
     const playButton = document.getElementById("trip-play");
     const replayTime = document.getElementById("trip-replay-time");
     const replaySpeed = document.getElementById("trip-replay-speed");
-    const map = L.map("history-map", { minZoom: 8, maxZoom: 15 }).setView([48.505, -0.09], 12);
-    const tiles = L.tileLayer("/static/vendor/tiles/{z}/{x}/{y}.png", {
-        minZoom: 8,
-        maxZoom: 15,
-        attribution: "&copy; MapTiler &copy; OpenStreetMap contributors",
+    const mapEl = document.getElementById("history-map");
+    const tileUrl = mapEl.dataset.tileUrl || "/static/vendor/tiles/{z}/{x}/{y}.png";
+    const tileAttrib = mapEl.dataset.tileAttrib || "&copy; MapTiler &copy; OpenStreetMap contributors";
+    const map = L.map("history-map", { minZoom: 3, maxZoom: 19 }).setView([48.505, -0.09], 12);
+    const tiles = L.tileLayer(tileUrl, {
+        minZoom: 3,
+        maxZoom: 19,
+        attribution: tileAttrib,
     });
     let routeLayer = null;
     let vehicleMarker = null;