How to make offline maps(using leaflet OSM) , by caching?

Question

I am trying to make offline maps through caching (IndexedDB) in browser. I understand the concept is that I download and store the tiles of map first when connected to internet.

Answer 1

I am working on a solution for the same problem. Storing tiles from a tileserver, and loading them from the db in leafletjs.

I have implemented a custom layer which loads tiles from a db (indexeddb/webdatabase) if available, and fallbacks to an tileserver (which has Access-Control-Allow-Origin header, see https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#Access-Control-Allow-Credentials)

I implemented a control which saves the tiles currently in view in indexeddb or webdatabase.

Code is on https://github.com/allartk/leaflet.offline This is still work in progress at this time!