The World is Your Canvas
DrawonMaps is a fascinating new interactive map that turns urban infrastructure into an artistic medium. The premise is simple but technically impressive: you upload an image, and the map colors the city’s road network to recreate that image. How it Works The app leverages a modern stack - React 19, Deck.gl, MapLibre, and the Overpass API - to bridge the gap between image processing and geospatial data. 1. Image Detection: Once you upload an image, the app runs an edge-detection algorithm to identify the primary contours of your subject. 2. The Autonomous Agent: This is where the magic happens. An autonomous agent traces these edges, "snapping" to the nearest real-world roads found in OpenStreetMap (OSM) data via the Overpass API. 3. The Fill: After the agent draws the outline, it fills the interior of the shape in green, turning the city into a living, breathing piece of top-down topiary. From Iconic Art to City Symbols While you can upload anything, because the map es...
