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
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user