diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html index 3f0c946..f883776 100644 --- a/layouts/shortcodes/world-map.html +++ b/layouts/shortcodes/world-map.html @@ -54,32 +54,35 @@ function ifkInitMap() { window._ifkMap = new maplibregl.Map({ container: 'ifk-world-map', style: 'https://maps.clicksports.de/styles/klokantech-basic/style.json', - center: [10, 25], - zoom: 1.5, + center: [20, 20], + zoom: 2, minZoom: 1, maxZoom: 6, scrollZoom: false, - attributionControl: true + attributionControl: false }); window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right'); window._ifkMap.on('load', function() { - // Desaturate base map: white land, light gray sea + // Strip base map to minimal: white land, light gray water, thin borders only var style = window._ifkMap.getStyle(); style.layers.forEach(function(l) { if (l.id === 'background') { - window._ifkMap.setPaintProperty(l.id, 'background-color', '#e8e8e8'); + window._ifkMap.setPaintProperty(l.id, 'background-color', '#ffffff'); + return; } - if (l.type === 'fill' && (l.id.indexOf('water') >= 0 || l.id.indexOf('ocean') >= 0)) { - window._ifkMap.setPaintProperty(l.id, 'fill-color', '#f0f0f0'); + if (l.type === 'fill' && l.id.indexOf('water') >= 0) { + window._ifkMap.setPaintProperty(l.id, 'fill-color', '#eef2f7'); + return; } - if (l.type === 'fill' && (l.id.indexOf('landcover') >= 0 || l.id.indexOf('landuse') >= 0 || l.id.indexOf('park') >= 0)) { - window._ifkMap.setPaintProperty(l.id, 'fill-opacity', 0); - } - if (l.type === 'line' && (l.id.indexOf('boundary') < 0)) { - window._ifkMap.setLayoutProperty(l.id, 'visibility', 'none'); + 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 }}')