Generative and temporary streetmaps drawn into the browser.
CSS JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
components secure name lookup Jun 15, 2015
css fixed position menu bar Jun 15, 2015
fonts fixed viewport Jun 15, 2015
images added preview images Jun 15, 2015
js fixed viewport Jun 15, 2015
node_modules fixed viewport Jun 15, 2015
utils query overpass over https Jun 15, 2015
.DS_Store image update Jun 15, 2015 updated readme Jun 15, 2015
compiled.js uptaded search https Jun 15, 2015
compiled.min.js fixed viewport Jun 15, 2015
index.html added fb preview Jun 15, 2015
main.js fixed touch events Jun 15, 2015
package.json fixed viewport Jun 15, 2015

#ghost map

Generative and temporary street maps drawn in the browser.


alt preview alt preview

Inspired by the Situationists International (1944).

Technical details

Uses Nominatim for location search and OpenStreetMap Overpass API to load street data.

Street data is loaded from Open Street Map, and represented as a series of connected nodes. Mouse clicks and touches generate a particles that meander through the nodes at random. The main data and drawing logic is located in utils/StreetData.js