rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Offline-Karten: Kern implementiert (Region-Download → IndexedDB → Offline-Render)

Browse source 
map-offline.js (window.MapOffline): lädt Vektorkacheln eines Bereichs via pmtiles.getZxy
in IndexedDB + cacht die Glyphs mit (KRITISCH: ohne Glyphs lässt MapLibre offline die
ganze Kachel fallen). byt://-Protokoll bedient MapLibre IndexedDB-first, remote-Fallback.
- map-gl-style.js: build({offline}) nutzt byt-Source statt pmtiles:// (Flag by_offline_tiles,
  Default AUS bis gerätegetestet); glyphs bleiben /fonts (SW-gecacht)
- ui.js + map.js: map-offline.js mitladen + byt-Protokoll registrieren
- getZxy liefert bereits dekomprimierte MVT (kein gunzip) → ~15 MB/5km in IndexedDB

Headless bewiesen: Download 97 Tiles (5km München) → Netz AUS → 1903 Features gerendert,
nicht geladene Gegend (Paris) korrekt leer. Offen: Download-Button/FAB-Segment-5-Verdrahtung,
adaptives Lernen, Bereichsauswahl/Routen-Korridor (siehe docs/OFFLINE_MAPS_PLAN.md).
This commit is contained in:
rene 2026-06-05 19:46:18 +02:00
parent 2a809a9a0b
commit 8f13f4d38d
9 changed files with 177 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

24
backend/static/index.html
View file

@ -86,14 +86,14 @@
<title>Ban Yaro</title>
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
<script src="/js/boot-early.js?v=1208"></script>
<script src="/js/boot-early.js?v=1211"></script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1208">
<link rel="stylesheet" href="/css/layout.css?v=1208">
<link rel="stylesheet" href="/css/components.css?v=1208">
<link rel="stylesheet" href="/css/utilities.css?v=1208">
<link rel="stylesheet" href="/css/lists.css?v=1208">
<link rel="stylesheet" href="/css/design-system.css?v=1211">
<link rel="stylesheet" href="/css/layout.css?v=1211">
<link rel="stylesheet" href="/css/components.css?v=1211">
<link rel="stylesheet" href="/css/utilities.css?v=1211">
<link rel="stylesheet" href="/css/lists.css?v=1211">
</head>
<body>
@ -617,11 +617,11 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1208"></script>
<script src="/js/ui.js?v=1208"></script>
<script src="/js/app.js?v=1208"></script>
<script src="/js/worlds.js?v=1208"></script>
<script src="/js/offline-indicator.js?v=1208"></script>
<script src="/js/api.js?v=1211"></script>
<script src="/js/ui.js?v=1211"></script>
<script src="/js/app.js?v=1211"></script>
<script src="/js/worlds.js?v=1211"></script>
<script src="/js/offline-indicator.js?v=1211"></script>
<!-- Feature-Seiten werden lazy geladen -->
@ -631,7 +631,7 @@
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
<script src="/js/boot.js?v=1208"></script>
<script src="/js/boot.js?v=1211"></script>
</body>