Generate cycling round trips of a chosen distance that start and end at your door.
Pick a distance, tap once, get five loops to choose from — then send the GPX straight to your navigation app. Works in any browser; installs to an Android or iOS home screen as a standalone app.
Live: https://rajathpi.github.io/bikeloop
Google Maps can route between points you place yourself, but it has no way to say "give me a 50 km loop from here". This does exactly that.
- Open the app and paste an openrouteservice API key (free, no card). It is stored in your browser's localStorage on that device only — it never touches this repo.
- Tap ◎ to set your start point from GPS, or tap the map to place it anywhere.
- Choose a distance and hit Find loops.
- Tap a card to preview that loop, then Send to phone app (Android share sheet → OsmAnd, Komoot, Ride with GPS) or Save GPX.
Your start point and last distance are remembered.
Each search fires six requests to the openrouteservice Directions API using
options.round_trip, varying both seed and points so the loops differ in
direction and shape. Round trips are approximate by design, so results are sorted
by how close they landed to the target and the five best are kept.
Notes and limits:
- openrouteservice caps round trips at 100 km.
- Returned distance can miss the target by a few km — that is why you get several to choose from rather than one.
- GPX output is thinned to 2000 points, which keeps files small enough for apps and bike computers that choke on dense tracks.
Single HTML file, no build step. Leaflet + OpenStreetMap tiles, openrouteservice for routing, a small service worker for the app shell so it opens instantly and survives a flaky signal. Route generation and map tiles always need the network.
Any static server works; a secure context is required for geolocation, the share
sheet and home-screen install, so localhost or https only:
python -m http.server 5183
Then open http://localhost:5183