This is a tutorial to learn how convert a image as a map drawing joints in few steps

I would like to clarify that a drawing art map did manually with a good job will be always better

Warning, the use is for making personal maps and not for the rotation. Also your map will be similar to your image but isn't possible to be the exact same, it's more like a drawing version of your image.

FIRST STEP
For the first step we have to choose the image we want and edit it a bit.

A.
Select your image on google or whatever and save it. Know that more there is details less your map will be similar. Make sure the size of your image is higher than 800px*400px.

B.
For solve some issues, I have to order you to resize your image size to exact 800px*400px.

You can use this website for doing it. Select your image from your pc, then edit the width to 800 and the height to 400. Deselect the "Maintain aspect ratio" checkbox, select the "Do not enlarge if smaller" checkbox and click on Resize image. Then save it.


SECOND STEP
The second step consist of recreating image as geometric primitives. Of course we don't gonna do it oneself.
We gonna use a tool named Geometrize.

A.
Click on settings, then climb up the shape opacity at 255 and the shape mutation per step to 300.
Uncheck the "rotated Ellipses" checkbox, and check "Rectangle", "Circles" and "Lines" only. You have choice to use all three as only one or two. (If you check another it would not working for next step)

Edit the "Max Shapes Cap" between 300 and 1400.
I recommend to put 600 (around 30kb).
This is a important parameters, it means about the numbers of joints line and it will determinate the size in kb of your map. If you put more than 1400 your map will exceed the 60kb limit.
Notice that is you put more than 600 Viprin Editor Drawing will crash if you load the map on it.

We had finish with parameters.

B.
After this did, click on "Open Image" and select your image with 800px*400px size. (Make sure that is not the original size image). And waiting that the program finish when shapes added is equal to the max.

Then click on "Save SVG".

It's the file with all geometrical shapes informations, we gonna convert this into map XML.

THIRD STEP
We have to convert our SVG file as XML with Transformice propriety's.
Use this tool I made for, load your SVG file.
You can check "Viprin Drawing Editor compatability" checkbox is you want edit the draw, but make sure it's lower than 600 line or your browser might crash when you gonna load it in VDE.

Then do the trick for exceed the 20kb limit: click and drag right to the Transformice map editor XML loader. And here we are, finished.

---

TUTORIAL VIDEO