L.TileLayer.Canvas

Render Leaflet tiles using elements.

Why?

If your project has a lot of layers, performance issues related to the GPU may sometimes occur. In our case, the easiest way to avoid them is to display map tiles not as elements, but by drawing them on a . Just take a look.

If L.TileLayer.Canvas is not applied GPU consumption is 512MB/512MB, if is - 154MB/512MB

How to use it?

You can install it via a package manager:
``


npm install tilelayer-canvas

or


yarn add tilelayer-canvas


or just copy

index.min.js from this repository and include it using a
`

Then in your project use L.tileLayer.canvas instead of L.tileLayer. That's it! See an example.

`Options`


Name | Required | Default value | Description
---- | -------- | ------------- | -----------

timeout | No | undefined

 | Zoom debounce time.

doubleSize | No | undefined` | Set to true if tiles are 2x.

Changelog

Check the CHANGELOG.md file.

License

MIT