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

fix: use Leaflet Canvas renderer instead of SVG
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 15s
Details
Deploy Internet for Kids / Deploy (push) Successful in 7s
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 8s
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 
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
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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