From 5a0fce537464e741cfafbbcfa55b89954f40068f Mon Sep 17 00:00:00 2001 From: "Morten V. Christiansen" Date: Tue, 7 Apr 2026 15:05:24 +0200 Subject: [PATCH] Vendor Leaflet locally and surface tile errors --- kort7/app.js | 12 +- kort7/kort7.html | 13 +- kort7/package-lock.json | 9 + kort7/package.json | 3 + kort7/vendor/leaflet/images/layers-2x.png | Bin 0 -> 1259 bytes kort7/vendor/leaflet/images/layers.png | Bin 0 -> 696 bytes .../vendor/leaflet/images/marker-icon-2x.png | Bin 0 -> 2464 bytes kort7/vendor/leaflet/images/marker-icon.png | Bin 0 -> 1466 bytes kort7/vendor/leaflet/images/marker-shadow.png | Bin 0 -> 618 bytes kort7/vendor/leaflet/leaflet.css | 661 ++++++++++++++++++ kort7/vendor/leaflet/leaflet.js | 6 + 11 files changed, 701 insertions(+), 3 deletions(-) create mode 100644 kort7/vendor/leaflet/images/layers-2x.png create mode 100644 kort7/vendor/leaflet/images/layers.png create mode 100644 kort7/vendor/leaflet/images/marker-icon-2x.png create mode 100644 kort7/vendor/leaflet/images/marker-icon.png create mode 100644 kort7/vendor/leaflet/images/marker-shadow.png create mode 100644 kort7/vendor/leaflet/leaflet.css create mode 100644 kort7/vendor/leaflet/leaflet.js diff --git a/kort7/app.js b/kort7/app.js index 14af596..ad506cf 100644 --- a/kort7/app.js +++ b/kort7/app.js @@ -12,6 +12,7 @@ const COLORS = { const statusEl = document.getElementById("status"); const selectedVehicleInfoEl = document.getElementById("selectedVehicleInfo"); const runtimeWarningEl = document.getElementById("runtimeWarning"); +const tileWarningEl = document.getElementById("tileWarning"); const alertsApproxEl = document.getElementById("presenceAlertsApprox"); const alertsTrueEl = document.getElementById("presenceAlertsTrue"); const playBtn = document.getElementById("playBtn"); @@ -153,11 +154,19 @@ function renderSelectedVehicleInfo(selection) { function createView({ id, label, positionKey, alertsEl, indicatorsId }) { const map = L.map(id).setView([55.6761, 12.5683], 13); - L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { + const tileLayer = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors", maxZoom: 19 }).addTo(map); + tileLayer.on("tileerror", () => { + tileWarningEl.hidden = false; + }); + + tileLayer.on("load", () => { + tileWarningEl.hidden = true; + }); + return { id, label, @@ -165,6 +174,7 @@ function createView({ id, label, positionKey, alertsEl, indicatorsId }) { alertsEl, indicatorsEl: document.getElementById(indicatorsId), map, + tileLayer, vehicles: {} }; } diff --git a/kort7/kort7.html b/kort7/kort7.html index c18817c..79e7e5f 100644 --- a/kort7/kort7.html +++ b/kort7/kort7.html @@ -5,8 +5,8 @@ Vehicle stream demo - - + +