I would like to create the map tiles in leaflet, which will be used in regional scale. I mean, that once I provide sth like this:
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar', attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'}).addTo(map);
I will receive the tile map i.e for 1 or 2 cities covered instead of a whole world (non covered areas will remain as per tilelayer underneath).
I found a few possible solutions:
- QGIS Qtiles - https://www.qgistutorials.com/en/docs/creating_basemaps_with_qtiles.html
- Slippy Map
- OpenMaptiles (with Python)
I am quite new in this issue. So far I found a few solutions mentioned here:
How can I convert an image into map tiles for leafletJS that led me to the: How to handle a geotiff map together with points with OpenLayers (or other libraries)?
https://leafletjs.com/plugins#non-map-base-layers
https://support.maptiler.com/i25-use-maps-interactively-with-javascript
Is there some quick solution to grasp it?