1. Zlatko Masek
  2. gimp-leaflet



Leaflet plug-in for GIMP

Download the repository and put leaflet.py file in your GIMP plug-ins directory. E.g. in .config/GIMP/2.9/plug-ins and run GIMP.

This plug-in requires you to have an open image in GIMP. It is located under Filters > Leaflet > Tile. You need to choose the zoom level as an integer between 0 and 6 and a folder where to output the resulting tiles. The outputting messages are under GIMP plug-in console. Parallelizing the processing is not that effective in this case. It might take a while to create the tiles depending on your machine so be patient.

Since Leaflet JavaScript library is meant for using the resulting tiles, you can check out the documentation it has for the full implementation. That said, to get you started right away, you should have the Leaflet library imported in your HTML file along with the required CSS. You should also have a div tag with an id "map". The div should have a specified width and height. Then, in a script tag you might have something like this:

var map = L.map('map').setView([0.0, -0.0], 4);
L.tileLayer('./{z}/{x}/{y}.jpeg', {
    maxZoom: 4

The tile folders are supposed to be in the same folder the HTML is in.

Feel free to contribute.