fix: convert canvas to static img + try 110m data
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 13s
Deploy Internet for Kids / Deploy (push) Successful in 7s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 4s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
Deploy Internet for Kids / Promote to Latest (push) Successful in 2s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s

Canvas drawn once, converted to PNG data URL, displayed as <img>.
Also switched to 110m resolution to test if lines are data-related.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-04 12:08:05 +03:00
parent a1b3263412
commit a0fb62aa66

View File

@@ -175,7 +175,7 @@
} }
// Load data // Load data
fetch('{{ "data/countries-50m.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) {
var geo = topojson.feature(topo, topo.objects.countries); var geo = topojson.feature(topo, topo.objects.countries);
@@ -194,6 +194,16 @@
sizeCanvas(); sizeCanvas();
drawMap(); drawMap();
// Convert canvas to static <img> to bypass GPU compositor tiling
setTimeout(function() {
var imgEl = document.createElement('img');
imgEl.src = canvas.toDataURL('image/png');
imgEl.id = 'ifk-map-img';
imgEl.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;display:block;';
container.appendChild(imgEl);
canvas.style.opacity = '0';
canvas.style.position = 'absolute';
}, 100);
}); });
// Resize handler // Resize handler