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

MapLibre-Port Runde 2: GL-Marker-Subsystem (map-gl-markers.js) + headless Test-Harness

Browse source 
Eigenständiges Modul: per-Kategorie GeoJSON-Cluster, rasterisierte Phosphor-Icons,
Danger-Polygone, Sichtbarkeit, Click→Popup. /maplibre-markers-test zum headless-Verifizieren
VOR dem Einbau in map.js (auth-gated).
This commit is contained in:
rene 2026-06-05 09:52:45 +02:00
parent 63c9be68c6
commit 11922c1d22
4 changed files with 289 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

28
backend/static/maplibre-markers-test.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Ban Yaro — GL-Marker-Subsystem-Test</title>
<link rel="stylesheet" href="/js/vendor/maplibre-gl.css">
<style>
html,body{margin:0;height:100%}
#map{position:absolute;inset:0}
#hud{position:absolute;top:10px;left:54px;z-index:5;background:rgba(255,255,255,.92);
padding:8px 12px;border-radius:8px;font:13px system-ui,sans-serif;box-shadow:0 1px 6px rgba(0,0,0,.2);max-width:78vw}
#toggles{position:absolute;bottom:14px;left:10px;z-index:5;display:flex;gap:6px;flex-wrap:wrap}
#toggles button{font:12px system-ui;padding:6px 10px;border-radius:14px;border:1px solid #bbb;background:#fff}
#toggles button.off{opacity:.45}
</style>
</head>
<body>
<div id="map"></div>
<div id="hud"><b>GL-Marker-Test</b><br><span id="status">lädt…</span></div>
<div id="toggles"></div>
<script src="/js/vendor/maplibre-gl.js"></script>
<script src="/js/vendor/pmtiles.js"></script>
<script src="/js/map-gl-style.js"></script>
<script src="/js/map-gl-markers.js"></script>
<script src="/js/maplibre-markers-test.js"></script>
</body>
</html>