fix: desaturate base map (white land, light gray sea)
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 10s
Deploy Internet for Kids / Deploy (push) Successful in 5s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 3s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 7s
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 1s

Makes choropleth colors pop against neutral background.
Hides landcover/landuse/park fills.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-03 15:58:28 +03:00
parent 5a840743da
commit 3d8e568f8c

View File

@@ -65,6 +65,20 @@ function ifkInitMap() {
window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right'); window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right');
window._ifkMap.on('load', function() { window._ifkMap.on('load', function() {
// Desaturate base map: white land, light gray sea
var style = window._ifkMap.getStyle();
style.layers.forEach(function(l) {
if (l.id === 'background') {
window._ifkMap.setPaintProperty(l.id, 'background-color', '#e8e8e8');
}
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('landcover') >= 0 || l.id.indexOf('landuse') >= 0 || l.id.indexOf('park') >= 0)) {
window._ifkMap.setPaintProperty(l.id, 'fill-opacity', 0);
}
});
fetch('{{ "data/countries-110m.json" | relURL }}') fetch('{{ "data/countries-110m.json" | relURL }}')
.then(function(r) { return r.json(); }) .then(function(r) { return r.json(); })
.then(function(topo) { .then(function(topo) {