Generator of vector maps from OpenStreetMap data - in browser!

Posted by Mateusz Konieczny on 3 April 2021 in English (English).

I made that can be used to generate vector maps in SVG format.

Generated maps can be downloaded. This allows much easier reuse of OSM data in some cases. For example where someone needs OSM geometries of relatively small area, but existing tools are too complex for them[0]

It will likely work well for tiny and small areas, it will definitely fail for very large areas.

It is very experimental, feedback is welcomed! has list of known issues and is best place to report existing issues, but feel free to simply leave comments also here.

I am also working on making easier to make own map styles. It is already relatively easy, but documentation is missing.

[0] For many people Overpass Turbo, databases, filtering OSM data will be far too complex.

PS It was created as part of one of parts of

I was working on making generator of SVG file accepted by laser cutters, and noticed that what I am creating can be a bit more generic and accessible than initially planned tool.

Current tool is an experimental proof-of-concept with some of features that I need.

I know that tools consuming OSM data and producing SVG images exist already, but according to my research none were at once

  • working in browser
  • not requiring install of any extra software
  • allowing easy export of a generated image
  • relatively easy to implement own map styles

or easily modifiable to fit all this requirements at once

I somehow suspect that such tool may be existing already - in such case please let me know!

PPS Thanks for Overpass API! Without Overpass it would be unable to work and would require me to install, setup and maintain database replicating OSM data what is beyond my abilities.

Comment from ChristianA on 4 April 2021 at 07:28

Seems to work nicely, good work!

Comment from gileri on 5 April 2021 at 15:53

Nice tool, thank you !

Comment from Pieter Vander Vennet on 5 April 2021 at 19:32

WOOW, impressive! This is really nice

Comment from westnordost on 19 April 2021 at 18:35

I love how the tool takes into account area:highway. So this makes this officially the first renderer that heeds this tag!

Login to leave a comment