fix: use Leaflet Canvas renderer instead of SVG
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 15s
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 3s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
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 2s

Canvas renders to single bitmap - no SVG layer compositing that causes
GPU seams on retina Macs. Padding 1.0 for smooth panning.

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

View File

@@ -62,6 +62,7 @@
var byIsoNum = {};
countries.forEach(function(c) { byIsoNum[c.isoNum] = c; });
var canvasRenderer = L.canvas({ padding: 1.0 });
var map = L.map('ifk-world-map', {
center: [20, 20],
zoom: 2,
@@ -69,7 +70,9 @@
maxZoom: 6,
scrollWheelZoom: false,
attributionControl: false,
zoomControl: false
zoomControl: false,
renderer: canvasRenderer,
preferCanvas: true
});
L.control.zoom({ position: 'topright' }).addTo(map);