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

debug: expose map instance as window._ifkMap for choropleth debugging
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 12s
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 3s
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 1s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-03 15:45:27 +03:00
parent bdcbc6f8a8
commit cc5568f0a9
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -51,7 +51,7 @@ function ifkInitMap() {
var byIsoNum = {}; var byIsoNum = {};
countries.forEach(function(c) { byIsoNum[c.isoNum] = c; }); countries.forEach(function(c) { byIsoNum[c.isoNum] = c; });
var map = new maplibregl.Map({ window._ifkMap = new maplibregl.Map({
container: 'ifk-world-map', container: 'ifk-world-map',
style: 'https://maps.clicksports.de/styles/klokantech-basic/style.json', style: 'https://maps.clicksports.de/styles/klokantech-basic/style.json',
center: [10, 25], center: [10, 25],
@@ -62,9 +62,9 @@ function ifkInitMap() {
attributionControl: true attributionControl: true
}); });
map.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right'); window._ifkMap.addControl(new maplibregl.NavigationControl({ showCompass: false }), 'top-right');
map.on('load', function() { window._ifkMap.on('load', function() {
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) {
@@ -78,9 +78,9 @@ function ifkInitMap() {
f.properties.isoNum = id; f.properties.isoNum = id;
}); });
map.addSource('countries-choropleth', { type: 'geojson', data: geo }); window._ifkMap.addSource('countries-choropleth', { type: 'geojson', data: geo });
map.addLayer({ window._ifkMap.addLayer({
id: 'choropleth-fill', id: 'choropleth-fill',
type: 'fill', type: 'fill',
source: 'countries-choropleth', source: 'countries-choropleth',
@@ -90,7 +90,7 @@ function ifkInitMap() {
} }
}); });
map.addLayer({ window._ifkMap.addLayer({
id: 'choropleth-outline', id: 'choropleth-outline',
type: 'line', type: 'line',
source: 'countries-choropleth', source: 'countries-choropleth',
@@ -102,17 +102,17 @@ function ifkInitMap() {
var popup = new maplibregl.Popup({ closeButton: true, closeOnClick: false, maxWidth: '280px' }); var popup = new maplibregl.Popup({ closeButton: true, closeOnClick: false, maxWidth: '280px' });
map.on('mousemove', 'choropleth-fill', function(e) { window._ifkMap.on('mousemove', 'choropleth-fill', function(e) {
var id = e.features[0].properties.isoNum; var id = e.features[0].properties.isoNum;
var c = byIsoNum[id]; var c = byIsoNum[id];
map.getCanvas().style.cursor = c ? 'pointer' : ''; window._ifkMap.getCanvas().style.cursor = c ? 'pointer' : '';
}); });
map.on('mouseleave', 'choropleth-fill', function() { window._ifkMap.on('mouseleave', 'choropleth-fill', function() {
map.getCanvas().style.cursor = ''; window._ifkMap.getCanvas().style.cursor = '';
}); });
map.on('click', 'choropleth-fill', function(e) { window._ifkMap.on('click', 'choropleth-fill', function(e) {
var id = e.features[0].properties.isoNum; var id = e.features[0].properties.isoNum;
var c = byIsoNum[id]; var c = byIsoNum[id];
if (!c) return; if (!c) return;