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

Karten: Routen-Übersichtskarte klickbar + Tagebuch-Karten auf GL

Browse source 
Punkt 2 (Routen-Übersicht 'Karte'): _renderRoutesOnMap crashte, weil die
Polyline-Facade kein bindTooltip/on/setStyle/getLatLngs kannte. In
map-gl-mini.js ergänzt — inkl. breiter, fast unsichtbarer Hit-Linie, damit
Routen auf dem Handy gut antippbar sind (Klick → Detail). Hover-Tooltip
(Name+km) + Hover-Highlight.

Punkt 4 (Tagebuch): beide Leaflet/OSM-Karten (Standort-Übersicht +
Einzeleintrag) auf UI.map.create + Facade-Marker migriert. popupopen-Wiring
(kennt die GL-Facade nicht) → Klick-Delegation auf dem Karten-Container.
Karten-Instanzen werden beim View-Wechsel/Verlassen freigegeben (destroy +
_clearDiaryMaps) gegen WebGL-Kontext-Leak. Detail/Übersicht fitten mehrfach
(Container-Timing).

Nebenbei: _loadPraise warf NotFoundError (insertBefore) — #diary-list liegt
in #diary-view-content, nicht direkt in _container. Jetzt vor der Liste in
deren echtem Elternknoten einfügen.

Verifiziert (headless, eingeloggt, echte Daten): Routenkarte 8 Marker klickbar
→ Detail; Detail+Vorschläge zoomen auf die Route; Tagebuch-Karte GL mit 108
Markern, Popup-Klick → Eintrag, keine Fehler.
This commit is contained in:
rene 2026-06-05 14:23:22 +02:00
parent 1defeec537
commit 285928f6f7
7 changed files with 134 additions and 87 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=1201"></script>
<script src="/js/boot-early.js?v=1203"></script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1201">
<link rel="stylesheet" href="/css/layout.css?v=1201">
<link rel="stylesheet" href="/css/components.css?v=1201">
<link rel="stylesheet" href="/css/utilities.css?v=1201">
<link rel="stylesheet" href="/css/lists.css?v=1201">
<link rel="stylesheet" href="/css/design-system.css?v=1203">
<link rel="stylesheet" href="/css/layout.css?v=1203">
<link rel="stylesheet" href="/css/components.css?v=1203">
<link rel="stylesheet" href="/css/utilities.css?v=1203">
<link rel="stylesheet" href="/css/lists.css?v=1203">
</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=1201"></script>
<script src="/js/ui.js?v=1201"></script>
<script src="/js/app.js?v=1201"></script>
<script src="/js/worlds.js?v=1201"></script>
<script src="/js/offline-indicator.js?v=1201"></script>
<script src="/js/api.js?v=1203"></script>
<script src="/js/ui.js?v=1203"></script>
<script src="/js/app.js?v=1203"></script>
<script src="/js/worlds.js?v=1203"></script>
<script src="/js/offline-indicator.js?v=1203"></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=1201"></script>
<script src="/js/boot.js?v=1203"></script>
</body>