×
Try again. Or maybe the page's just gone wonky and you need to reload. (You can first copy the BBox displayed in the bottom right corner of the map and, after reloading, enter it into the search field to restore state.) Retrieves roads and paths from OpenStreetMap (i.e. , all ways with highway=*α ) via the Overpass API , then simplifies them ahead of conversion to an artsy color-coded SVG representation for plotting on an AxiDraw . Different colors end up on separate Inkscape-style layers in preparation for drawingβ with the AxiDraw Inkscape extension . Originally builtγ for #ptpx2024 , a pen plotter postcard exchange.
Instructions: ① Enter an addressδ or some coordinates, ② press ↵ to search, ③ zoom and pan to adjustε the displayed area, then ④ operate the hopefully-self-explanatory buttons below (left to right if in doubt).
Meaning that notably, this tool excludes railways and waterways. Those are left as an exercise to the reader – the code's open source . Or maybe I'll add some toggles or mode switches at a later date.
On 10 × 16 centimeter paper, which the "≤ ⋯ mm" drawing distance estimate inside the "Download SVG" button is based on. Fun fact : When querying OSM for ways in a given area, the Overpass API of course returns complete ways – including those portions outside the requested area. As a result, computing their aggregate length tends to yield a slight overestimate compared to what's actually visible, hence the "≤". (Line-to-bounding-box clipping algorithms do exist, of course.)
"Hand-coded" in pure HTML, CSS, and JavaScript – with no preprocessor or framework of any kind (nor "helped" along by any LLMs). I love that that kind of lo-fi approach is still possible (and, quite frankly, thanks to JavaScript gaining a number of convenience features, more viable than ever!) in 2024.
Privacy notice: Geocoding is performed through OSM Nominatim which is subject to the OSMF Privacy Policy .want any of your personal info plus too lazy to try and get any of it): This site is hosted on GitHub Pages (here's GitHub's Privacy Policy ) and displays a map composed of OSM Tiles (see the OSMF Privacy Policy ) using Leaflet.js loaded from UNPKG (which doesn't seem to have a privacy policy...?).Make sure the area doesn't contain more than a few thousand roads – things might get a bit sluggish when loading/rendering significantly more data.