From 0dfc11d0fc0bd8a3d10dc0d15f4faab27918d8c8 Mon Sep 17 00:00:00 2001 From: Christian Gick Date: Fri, 3 Apr 2026 16:03:55 +0300 Subject: [PATCH] fix: nuke ALL base layers then re-enable only water fills Hide every single layer first, then only show water with matching outline color. No lines of any kind remain. Co-Authored-By: Claude Opus 4.6 (1M context) --- layouts/shortcodes/world-map.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html index 5d99c19..41bcb3a 100644 --- a/layouts/shortcodes/world-map.html +++ b/layouts/shortcodes/world-map.html @@ -65,24 +65,24 @@ function ifkInitMap() { window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right'); window._ifkMap.on('load', function() { - // Strip base map to minimal: white land, light gray water, thin borders only + // Nuke ALL base map layers, then selectively re-enable only what we need var style = window._ifkMap.getStyle(); style.layers.forEach(function(l) { if (l.id === 'background') { window._ifkMap.setPaintProperty(l.id, 'background-color', '#eaeaea'); - return; + } else { + window._ifkMap.setLayoutProperty(l.id, 'visibility', 'none'); } + }); + // Re-enable only water fills (no outlines) + style.layers.forEach(function(l) { if (l.type === 'fill' && l.id.indexOf('water') >= 0) { - window._ifkMap.setPaintProperty(l.id, 'fill-color', '#eef2f7'); - return; + window._ifkMap.setLayoutProperty(l.id, 'visibility', 'visible'); + window._ifkMap.setPaintProperty(l.id, 'fill-color', '#dfe6ee'); + if (l.paint && l.paint['fill-outline-color'] !== undefined) { + window._ifkMap.setPaintProperty(l.id, 'fill-outline-color', '#dfe6ee'); + } } - if (l.type === 'line' && l.id.indexOf('admin') >= 0) { - window._ifkMap.setPaintProperty(l.id, 'line-color', '#d1d5db'); - window._ifkMap.setPaintProperty(l.id, 'line-width', 0.5); - return; - } - // Hide everything else - window._ifkMap.setLayoutProperty(l.id, 'visibility', 'none'); }); fetch('{{ "data/countries-50m.json" | relURL }}')