← All Projects
ShippedDeveloper Tools

DrawRadius

Single-page mapping platform that draws drive-time isochrones, radius circles, and custom overlays on interactive maps. Built for franchise territory analysis and site selection with shareable URL state, print export via Mapbox Static Images, and OpenRouteService-powered drive-time calculations.

Drive-time isochrones via OpenRouteService API
QR code generation for saved maps
localStorage saved maps with shareable URLs

The Problem

Franchise operators, field sales teams, and site selection analysts need to visualize drive-time catchment areas without paying for enterprise GIS software.

Approach

Pure client-side JavaScript with Leaflet.js for the map layer. Drive-time isochrones call OpenRouteService. All map state is encoded in the URL so any view is instantly shareable. Print export uses Mapbox Static Images API for high-quality output.

Outcome

Shipped at drawradius.com across 15 sprints. Used for real franchise territory analysis.

What I Learned

URL state encoding for complex map objects requires careful compression. Naive JSON encoding bloats URLs past browser limits. Custom encoding reduced URL length by 60%.