christian/internetforkids
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: strip base map to white/gray, hide all noise, no attribution
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 10s
Details
Deploy Internet for Kids / Deploy (push) Successful in 5s
Details
Deploy Internet for Kids / Health Check (push) Successful in 2s
Details
Deploy Internet for Kids / Smoke Tests (push) Successful in 2s
Details
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Details
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Details
Deploy Internet for Kids / Rollback (push) Has been skipped
Details
Deploy Internet for Kids / Audit (push) Successful in 2s
Details

Browse Source 
White land, light blue-gray water, thin admin borders only.
Everything else hidden. No MapLibre attribution badge.
Default zoom 2, centered on [20,20] for better world view.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-03 16:02:31 +03:00
parent bab74ef7e7
commit a936222be1
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
layouts/shortcodes/world-map.html
View File

@@ -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 }}')