fix: show default MapLibreGL attribution instead of hidden custom one (CF-2872)
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 13s
Deploy Internet for Kids / Deploy (push) Successful in 29s
Deploy Internet for Kids / Health Check (push) Successful in 3s
Deploy Internet for Kids / Smoke Tests (push) Successful in 2s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 3s

The previous implementation hid the default attribution control via
display:none and replaced it with a tiny 8px/0.6 opacity custom div.
Now uses the default MapLibreGL attribution which auto-renders the
proper "© OpenMapTiles © OpenStreetMap contributors" from tile metadata.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-04 20:16:47 +03:00
parent 80cfa8df4e
commit f5f13cac4d

View File

@@ -7,7 +7,7 @@
<style>
body { margin: 0; overflow: hidden; }
#map { width: 100%; height: 100vh; }
.maplibregl-ctrl-attrib { display: none !important; }
.maplibregl-ctrl-attrib { font-size: 10px; }
.maplibregl-popup-content { font-size: 0.85rem; max-width: 260px; line-height: 1.4; }
.ifk-popup-status { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-weight: 600; font-size: 0.8rem; color: white; margin: 0.3rem 0; }
.ifk-popup-age { display: flex; align-items: center; gap: 0.35rem; margin: 0.3rem 0; font-size: 0.8rem; color: #555; }
@@ -18,7 +18,6 @@ body { margin: 0; overflow: hidden; }
</head>
<body>
<div id="map"></div>
<div style="position:fixed;bottom:2px;right:4px;font-size:8px;color:#999;z-index:10;opacity:0.6"><a href="https://clicksports.de/clicksports-maps" target="_blank" rel="noopener" style="color:#999;text-decoration:none">CLICKSPORTS Maps</a> | <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener" style="color:#999;text-decoration:none">&copy; OpenStreetMap</a></div>
<script src="/js/maplibre-gl.min.js"></script>
<script src="/js/topojson-client.min.js"></script>
<script>