giapspzoo / l.tilelayer.canvas Goto Github PK

Hi, GIAPspzoo. I load many layers using ImageOverlay in my projects and I get performance issues when the images are large. I was thinking that somehow I can just capture what appears on the Leaflet window instead of operating on the entire image. So I would like to try your method on ImageOverlay but not exactly sure how to go about doing that yet.

Gaps can be seen between tiles in Firefox. I'm reporting this from Leaflet/Leaflet#8302 (comment).

from the question Leaflet/Leaflet#8361 I was given the answer that I need to use Canvas, but if I write as in the example

const config = {
       attribution: '&copy; <a href="https://openstreetmap.org">OpenStreetMap</a>'
     };

     L.tileLayer.canvas('https://c.tile.openstreetmap.org/{z}/{x}/{y}.png', config)
       .addTo(map);

then, I still have objects blinking and disappearing.
Tested in Firefox, IE, Chrome browsers. No blinking only in Firefox.
Map became from Canvas and layers are still img