16 Commits

Author	SHA1	Message	Date
Christian Gick	e1f07ad433	remove Australia from small-country circle markers ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 07:34:27 +03:00
Christian Gick	418300068d	improve map: higher DPR + circle markers for small countries (Cyprus, Malta) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 07:29:37 +03:00
Christian Gick	7282f1a13b	fix map popup links: navigate to article section, not iframe anchor ... Read more links in map popups now point to the full overview article URL with anchor (e.g. /en/child-protection-laws-2026-global-overview/#germany) instead of just #germany which triggered fullscreen in the iframe. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 07:34:50 +03:00
Christian Gick	f5f13cac4d	fix: show default MapLibreGL attribution instead of hidden custom one (CF-2872) ... 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>	2026-04-04 20:16:47 +03:00
Christian Gick	80cfa8df4e	style: zoom out default, shift left ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:31:40 +03:00
Christian Gick	435c1bfe12	style: swap enforced/passed colors, add OSM attribution (legally required) ... Enforced = purple (darkest), Passed = dark blue. Added small '© OpenStreetMap' link — required by ODbL license. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:12:24 +03:00
Christian Gick	e5ee29f1a9	style: replace OSM attribution with CLICKSPORTS Maps link ... Same attribution pattern as held.de and other clicksports maps customers. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:06:57 +03:00
Christian Gick	6950f914e2	style: default view centered on world with all colored countries visible ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:04:59 +03:00
Christian Gick	f4e45cf83f	style: enforced darkest color, smaller attribution, legend update ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:04:17 +03:00
Christian Gick	ccca7ae482	fix: interactive popups + maxZoom 4 + invisible hit layer ... Popup click/hover now uses invisible GeoJSON fill layer (raster layers don't support events). MaxZoom capped at 4 to prevent blurry zoom. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 18:01:16 +03:00
Christian Gick	8e15d1aa0c	perf: reduce choropleth re-renders with 50% padding + bounds check ... Only re-renders when viewport moves >30% outside pre-rendered area. 50% padding means most small pans stay within the existing image. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:59:03 +03:00
Christian Gick	882e9141fb	style: white land, gray sea, no roads/cities, country names zoom 3+ ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:57:20 +03:00
Christian Gick	b1cc054df0	fix: render choropleth as single image overlay — eliminates all tile seams ... GeoJSON sources are internally tiled by geojson-vt, causing seams at tile boundaries during panning. Solution: pre-render the choropleth to a canvas, convert to PNG data URL, and add as a MapLibre image source. Single image = zero tiles = zero seams. GeoJSON source kept invisible for hover/click hit testing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:43:29 +03:00
Christian Gick	302a02eebd	fix: rename map variable to avoid DOM id collision, restore colors ... window.map was shadowed by div#map. Renamed to window._ifkMap. Added error handling for choropleth data loading. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 17:11:07 +03:00
Christian Gick	e93f5593e2	fix: final map implementation — iframe + style.json + fill-antialias:false ... Three-part fix for retina tile seam artifacts: 1. iframe isolation from Hugo Tailwind CSS (box-sizing interference) 2. Use tileserver style.json URL (not inline style — different layer configs) 3. fill-antialias: false on choropleth layer Shortcode is now a thin iframe wrapper. Map logic in static/map-embed.html. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 16:59:57 +03:00
Christian Gick	b2306f7f3e	fix: isolate map in iframe to prevent Tailwind CSS tile seam artifacts ... Hugo's Tailwind CSS reset (box-sizing: border-box on *) interferes with MapLibre GL's WebGL tile rendering, causing horizontal line artifacts on retina displays. The iframe provides complete CSS isolation. Map features: choropleth fills (fill-antialias: false), click popups with law details, hover highlights, zoom/pan, fullscreen, i18n. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-04 16:44:34 +03:00