How to render an offline map using leaflet in React project with locally available map tiles?
In my React project, I want to render offline maps. For this purpose I have downloaded map tiles of northern India from QGIS. I have downloaded 4 levels of zoom (10-14), they are stored in the directory src/Assets/map_data/zoom_levels/
The goal is to be able to render all these maps offline on top of each other so that the user is able to go upto 4 zoom levels for the area that I have dowloaded. The first file has min zoom of 10 and max zoom of 10 the second one has min zoom of 11 and a max zoom of 11, so on upto 14.
Move cursor to marker position in leafletjs
I have an image which I rotate by dragging a marker. To continue dragging from same position where user has left dragging previously, I am setting the coordinates of marker to lastRotationPoint.
Here is my code: