Show HN: Bike route planner that follows almost only official bike trails

1 year ago (trailimap.com)

Hey guys, I built a route planner that is mostly focused on bike touring and using existing bike infrastructure.

For each request you're shown what bike tracks/trails your route uses and can further explore them by showing them on map or going to the official trail route.

The main idea for the app is to have a friendly and easy to use planner that would make heavy use of official bike trails data (mainly from OpenStreetMap) and make it easy to plan a longer trip using the best possible bike routes out there.

Currently the app only works for the Euro region but I'm planning to add North America very soon and then rest of the world.

Technical overview: Route finding - Graphhopper sitting in a docker container on a Hetzner server somewhere in Germany. It has 38 GB of graph data(Europe) loaded into RAM for a fast graph traversal.

Web App - Next.js 14 with Typescript, backend on the newest version of .NET

Map tiles - right now I'm using MapTiler their free tier but planning to switch to my own home server soon and host the maps on it.

Sorry, forgot to mention. The planner is a mess on mobile I totally forgot to make it mobile friendly as I didn't think anyone would want to plan their trip on a phone.

  • Interesting assumption. My mind goes to to a) Most people are mobile first and b) In this category of app, i imagine people want the route with them on their phone as they bike (as they're probably unfamiliar with the route, hence the need to plan it)

    Cool idea, i'd love to try it but honestly i'd love it on my phone for the aforementioned reasons!

    ---

    Edit: Some follow up remarks (From Chrome on a Mac)

    1. I found it a bit confusing when creating a route. I assumed it would let me do address completion. The UI seems to just be naming my route instead, i think if you're going to borrow visually from Google maps you should follow their patterns.

    2. I was able to add my first point (my home), but adding a second point never worked.

    3. The click mechanic is a bit odd. I expect clicking elsewhere when the menu is open (add point/close) that the menu would go away - rather than re-appear in my new click location.

    4. The map centred me over Europe, i'm in Canada however. Some GeoIP lookup here could give a better experience.

    5. Re:point 2, this seems to work when i selected random locations in Europe. I assume this is a data issue? So the real issue here (apart from the routing not working) is there's no feedback on the UI when the routing fails.

    6. Refreshing my screen loses my route. Any chance you could save it to local storage or something? Would be amazing if i could create this route on my desktop and then send a link to my phone (once mobile is supported?)

    • Thanks for the feedback! I actually want to have it on mobile as well but will most likely choose React Native instead of trying to make the web app work on mobile (or maybe only with some very simple functionality). At first, my approach was to have a planner on desktop and route viewer/navigator on mobile, but you're right - there needs to be an option to update/modify your route while traveling.

      Regarding state: it's only a matter of changing the blacklist array in redux persist config. Right now I have all global state blacklisted because I noticed a small bug with rendering the map layers when the state is persisted and I didn't have time to fix it but in the next version it will be persisted in localstorage.

    • >a) Most people are mobile first

      I couldn't imagine trying to build a complex route on a tiny screen with a crappy phone UI. I am starting to feel like an old man yelling at clouds here. Why in the hell wouldn't you prefer to use a nice monitor with a mouse for a complex task like this?

      5 replies →

  • Perhaps the number of mobile users would be lower than desktop, but I’ve had to reroute a planned trip from my phone a few times now due to unforeseen construction and road obstructions.

  • I share your perspective. I use Komoot extensively and I use it only on the phone for recording the ride, have it route me through the trip I planned on the web interface, and also to check where some paths I find during the ride lead to. If I then decide to use that unknown path, I either add a new waypoint or just ignore it until I'm on the planned track again (just seeing the trails is then good enough).

    There are simply some things where a phone screen is just too small to use efficiently, and the fingers sometimes aren't just a good, precise enough input device.

    Though I am a bit irritated by the brightness of the route on your site, it lacks contrast with respect to the surrounding map.

    BTW, how is that routing done? Like which is the used routing engine and is it done server-side or in the browser?

    ---

    It does seem to have a bug, where, when deleting a waypoint, the mouse still is in "create waypoint mode", and any mouse-down on the map, including for panning, results in adding a waypoint.

  • When I'm on multi-day trips, planning on my phone is the only option. I usually plan only a couple days ahead and refresh the route based on that day's detours and activities.

  • I'm so desktop first, it's not even funny. But this is one of the few things I do on mobile. When I have the chance to go for a long ride I do the routing every few hours or so. This because I'm using something called Turfgame.com to explore new areas and take zones for a competition. I need to plan the route between the zones and maybe change route in case someone blocks my path. This will be done on the phone while having a break somewhere. I'm using Ride With GPS for the recording of the path and Naviki for the routing because that has all the turf zones as POI's so very easy to reroute.

  • +1 for mobile. I would use it primarily as a means to plan urban routes and cycle touring (I wouldn't be touring with my laptop :P)

  • Fwiw, mapping is the thing I genuinely value smart phones for (vs dumb phones). I've been recently looking at uploading the gpx traces to my new Garmin watch, but creating the traces is still not perfect. OSMAnd does a reasonable job, but it's a bit circuitous to get the trace uploaded.

Looks interesting! Unfortunately doesn't seem to let me add more than one point on my route. In the console I see

`Error fetching route from Graphhopper Error: Network response was not ok`

I tried a couple times and got this in the U.S. In Europe I picked a couple random points and it worked fine.

  • I'm getting the same, it's a 400 response.

    • So far, I've only generated the graph for Europe(using Graphhopper). Even just Europe required 128GB of RAM and around 10 hours of computation time (the entire planet would likely need 384GB of RAM). I plan to add North America on a separate Docker container soon though. I started with Europe because I’m familiar with some of the bike trails here, which makes it easier for me to check if the routing makes sense.

      9 replies →

Nice!

I added a similar feature to cycle.travel (my site) a few months back. 5% of the work was writing the code to route only on waymarked routes, 95% was writing code to "heal" the accidental breaks in OSM bike route data...

  • Oh wow, nice! I wasn't aware cycle.travel had this. I thought I had done something new but I see I was mistaken. By the way, good job on cycle.travel - the route finding is super smooth!

  • Your site doesn't appear to have waypoints? As an avid cyclist, I couldn't imagine just using some calculated route between two points. I ride for fun, not transportation.

    • Sure, you can add up to 200 waypoints - if you want to do that via the old-school click-click-click there’s a toggle, or you can just drag the route. I ride for fun too which is why I built a routeplanner that likes quiet and scenic roads!

  • What does “waymarked routes” mean, exactly? And same question for the OP.

    Doing OSM editing from Mapillary imagery in various US states, I find that the roads that have roadside signage as “official bike routes”, predate modern safe(r) bike infrastructure. These are often highways that frankly look like death traps: no shoulder, high speed limits. Especially when so many North American long-haul cyclists now are riding “bikepacking” setups, it may be preferable for a router to prioritize quiet agricultural tracks and other unpaved terrain over the supposedly official bike route.

    • Yeah, waymarked routes in much of the US are an absolute embarrassment. Last time I went cycling in NY State the worst part of the whole route was the official State Bicycle Route. The quiet roads were lovely.

      cycle.travel treats routes in the States differently to those in Europe for precisely this reason, and there are some routes which get absolutely zero uplift because many of them are so bad (looking at you, East Coast Greenway).

Are you aware of "brouter"? Depending on the routing rules (upper left selector) you can choose multiple trail preferences.

https://brouter.de/essbee/

  • Unusable for me as it won't let me force a specific route. Yes, a car can't drive through that gate, but I can walk through it with my bike. Auto routing is neat and all, but in the real world, cyclists need more flexibility.

  • Not as good as the project from the OP: I tried to connect two cities in Italy, Padova and Riva del Garda (because I know the cycle roads you could use to travel from one to the other) and this project perfectly nailed it, while cycling Brouter suggests low traffic roads but seems to not be aware of many cycle roads.

Would love to see this for the SF Bay Area - lots of great cycling around here and I'm unsatisfied with using Strava to create routes!

One of the most frustrating things for me with snapping to official paths is not being able to modify it for common workarounds (for instance, going across the Golden Gate bridge, everyone takes a shortcut through a parking lot, but every map routing platform I have used forces me to go the official route and messes up my nav)

  • And Davis, naturally. ;)

    I'm around hill country TX now where there is typically a patchwork of bike lanes segments that start and stop without much attention given to continuity of (sub)urban planning, walkability, safety, or design consideration for non-motorized users.

  • It feels like the approach OP is taking won’t be able to take this short cut into account.

    I too am interested in linking up good bike trails. Mostly for the east bay gravel systems. Today, I save GPX or geojson from routes I find on Strava and import into a map client (CalTopo). It’s a okay solution but my problem is in finding more alternative routes.

  • Which parking lot? I ride the bridge a ton from the Presidio to travel up to Marin!

    • It's the parking lot near Lincoln Blvd and Merchant Rd. If you come from Chrissy field, you wouldn't cut thru it, but my route is Arguello -> Washington -> Lincoln then through the parking lot onto the path by the battery onto the bridge

Nice work! I run ridewithgps.com and am responsible for all our mapping and routing. If you ever want to pick my brain about anything related to bike software, and of course grapphopper / vector tiles, feel free to reach out, email is in my profile. I'm actually about to dive into fixing up some custom graphhopper routing profiles today for some new route planner updates we are about to release!

  • Oh wow, that's amazing - thank you! I really appreciate your offer and I love RWGPS. I just read your comment about about all the hardware you're using at RWGPS and it's clear you're operating on a completely different scale than I am :D Right now, I'm just running Graphhopper on a €40/month Hetzner server and free tiers on Vercel and Maptiler. Though I already hit the free-tier limits for Maptiler so I'm quickly setting up a Martin server to server Europe mbtiles on some cheap server instead. Once the traffic drops after this HN post I think a low-cost server should do the trick for now.

    As for Graphhopper, I ran into some challenges during the Europe-wide import stage. It turns out 64GB of RAM wasn’t enough, so I ended up spinning up a 128GB instance on AWS. After tweaking some config settings and following the deployment guide, I finally got it working. I also had to change the source code a bit to link each "official bike route" edge to its corresponding OSM relation info but I managed to get it working in the end(using KVStorage and KValues).

    For now, my planner is pretty basic, so I don’t want to bombard you with beginner-level questions. But if something more complex comes up down the road, I’ll definitely take you up on your offer to reach out. Thanks again—I really appreciate your help and generosity!

  • I frequently use RWGPS for planning my bike rides but don't pay for it (yet!). Curious - is all routing done by graphhopper or do you have some secret sauce on your end? Also graphhopper web has regular bike mode and "racing bike", they tend to come up with different routes, wondering if it's incorporated on your side somehow or if there is a way to influence RWGPS algorithm to be more "road cycling" vs casual cycling (I think that's what graphhopper means by "racing").

    • We have an update to our web and mobile route planners coming out in the next month that adds more specific bike profiles, including paved/unpaved preferences and cycling infrastructure preferences. Maybe an MTB profile as well.

      We use graphhopper for everything, with customized profiles. We add data to the weekly planet PBF files from the OSM project for additional routing data not present in OSM.

      2 replies →

  • It’s nice to see so many founders here. I run travelmap.net and I can also help out with self-hosting custom map tiles or tracing itineraries on Mapbox/Maplibre maps.

    • Thank you, appreciate it! Travelmap looks awesome—I love the idea. I will definitely try it out on my next trip.

      This morning, I picked up an affordable m920q with 64GB of RAM and I’m planning to use it for hosting GH and maybe vector tiles too. If I run into any issues I can’t figure out quickly I’ll reach out but I don’t want to bug you with basic questions.

      3 replies →

  • You are doing the lord's work. I love this website! - particularly that it preserves an in progress route when I exit and return to my planning session.

This is great!

It really reminds me of https://trailrouter.com/ which I've found amazing for finding new running routes.

It would be amazing to have similar functionality to suggest cycling routes of a certain distance that are mostly on bike trails i.e. suggest to me a 40km circular/out-and-back bike route from my house.

Have you seen www.cycle.travel? It's an excellent bike route planner made by an indie developer. Your GUI is much more pleasant, and the official bike trails idea is good. What you're missing is writing start and destination points instead of clicking on the map. Maybe you could get together and make a killer product.

Edit: I see now that the cycle.travel developer is here in the thread :)

A great concept, but there's one big problem: many official bike trails are crap.

Sometimes it's actually better to take the road, or you end up on a windy route that's near impossible to follow, debris everywhere, no right of way, etc.

I would like to try this with a "prefer offroad" option.

  • There are numerous options available for that; Strava, RideWithGPS, Google Maps, etc. I think the point of this project is to create something _new_ and different.

I love where you're going with this, nearly all of my little side projects have something to do with maps and bikes. No comment on how the routes are as I'm not really familiar with any good routes in bigger Euro cities, but as someone who rides around NYC a lot this would be really useful in making routes for visitors who aren't as keen on riding in NYC traffic.

Mobile needs some work. Are you planning on open sourcing this? I'm a mobile dev that might be able to clean that up a little. Good candidate for React Native.

I spent a minute or two trying to create a route but couldn't figure out how to do it. I'm on mobile, using chrome. I didn't see anywhere to enter coordinates.

Thank you for this. I personally appreciate the easy to download GPX for my Wahoo. For reference, I've been using [0] to get around the city since Google Maps sucks here. I also really like the routes suggested by [1], but their mobile app is super buggy.

[0] - https://cyclers.app/

[1] - https://www.cyclestreets.net/

  • [0] looked like it would be great, but every time I select an origin point, it just shows a bunch of plans which get in the way of the route I am trying to build.

    So far, every planner I have tried from this thread has just been frustrating in one way or another. It seems very hard for most to understand things like road+MTB in one ride or that the map shows that the road doesn't go through, but I can simply walk through a gate that a car can't.

  • > [0] - https://cyclers.app/

    This looks interesting and the mobile app seems well made, I like that it suggests multiple routes. Currently I just use Google Maps and it sucks here as well.

  • hi - if you like the routes suggested by 1, try https://cyclema.ps/hello - disclaimer, i'm part of the team behind it.

    • Looks really nice - congrats on the app :). I can't test it since I don't use iOS. But if you ever make an android or web browser version - happy to play :)

      1 reply →

    • As a cyclist, I would never plan routes on a tiny phone screen with a crappy UI. I would always plan on a computer and then use the phone to keep me on track.

Hey everyone, I spotted a bug with the default routing profile. It was set to regular bike routing instead of the touring profile, even though the UI suggested otherwise (the Redux state didn’t match what was shown in the UI :D). I’ve fixed it, so it should work as expected now! Love your feedback, thanks so much! The project is in a very early stage so I didn't expect such a response.

This may not be the site's problem, but why is the OSM map showing some place name labels in Gaelic? Montenegro is "Am Monadh Neagrach," Greece is "A' Ghrèig." Last I checked Gaelic is not a widely spoken language in either of those countries (and I'm nowhere near Scotland).

This does a much better job than anything I've seen before. Nice work. It still doesn't generate routes I'd use as they're too circuitous due to the poor cycle infrastructure in the UK. However, it does a good job of highlighting good options and options I didn't even know about.

Not bad! I'm an avid bike camper and I just tried creating a route through Sweden and it does a pretty good job. We are a bit spoilt for choice here with bicycle routes.

The only feature I'd want is to be able to print the route on paper maps. I wonder if print CSS could be used to create pages of the whole route.

Constructive feedback: (i am on mobile). The map pulls up somewhere in Europe, even though I am in the bay area. I can’t really see for sure because the side bar covers the whole map. I cannot zoom in or out at all. When I clicked to add a point, it just adds it in a random location. The map is really zoomed out so a few pixels is like 100 km. There is metadata displayed such as the length of my route, but it seems I cannot input a length and have it create a route for me

I have personally had good luck with my Garmin watch. If I start out near a major trail, it tends to suggest routes along that trail. I’m able to input a desired length such as 10 miles and then it suggests multiple routes that are close to that length and use major trails. My biggest complaint with the Garmin is that it tends to suggest the same routes every day.

Next.js without a node backend, what do you lose (SSR, etc.) by choosing to use another backend-only or monolithic framework?

I was looking at Rails (API mode + partial asset pipeline) + Next.js for a project to start, and might entertain elixir or rust when scalability of slow areas became a problem. Sometimes I think there will be eventually a system of LLMs that will figure out how to manage and configure operating systems, write mobile native and web apps, and administer databases. And then they'll eventually rewrite programming languages and design silicon to be better for themselves, so that they will only need a part time human to clean and maintain the robot security guard.

The menu takes up the entire screen on my phone and it is not clear how to close it.

  • Additionally, even when holding my phone sideways so that I can see the map, it doesn’t appear that hitting “add new point” does anything

This is very cool and very useful as a commuting cyclist. The routes that OSM and Google give me don't always have a high "reasonability" score in that they may be the most direct routes, but the road conditions are very uncomfortable for cycling for any one of many reasons.

One thing that would be very useful is to color the segments on the map based on the waytype. The proportions are given in the summary but unless I already know the route I can't tell where exactly those segments of difficult cobblestone are.

Nicely done! I use Komoot and RidewithGPS, but this is a nice tool if you want to plan a route that relies on bike trails as much as possible.

Would be cool to also show the elevation for a given segment along with its distance (in the route trail list).

And maybe when you click on a segment in the map, it should highlight that segment in the trial list so you see the length of that segment.

I realize you're just using existing map data, but some bike routes seem to be broken up with very small (couple km) gaps (shown in grey) -- is that really the case? (see Loire a Velo 4 for example)

If only Berlin cobblestone was mapped as "cobblestone" not "sett" on open streetmaps -_-

Had to customize https://brouter.de/brouter-web to make something workable. But i's annoying to paste script, route, export gps, send to phone, import in komot just for a 30min ride. (Can share if anyone is interesed. Just be very respectful please, it does not avoid footpaths either)

Works very well, it exactly replicated my everyday route to work.

  • So for me, it doesn't add a second point. Is that because it can't find a route or is it just not working?

    Boulder, Colorado for reference.

"Add new point" button doesn't do anything. Falls over at the very first hurdle. 3 error in the console,

        POST https://routes.trailimap.com/route/ 400 (Bad Request)

        Error fetching route from Graphhopper Error: Network response was not ok

        Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'paths')
    at g (page-c19a2a89477d3054.js:1:35496)

Reminds me of a story: two years ago I was riding my bike, doing a 45 miles ride from Montreal to Dunham. I was following Google Map's directions and it led me inside a Canadian Army base (Farnham). I saw modified pickup trucks full of guys with rifles about 100 metres from the entrance which said "Keep out" and Google wanted me to go there. I didn't. They changed it now.

  • I sent in a report sending bikes through a highway tunnel in Boston, took six months but received a message they made the correction.

Exciting! For me would be a nice complement or competition to, say, Komoot.

Constructive feedback: at least on safari, it was not as smooth to navigate as other map apps, and also a bit cumbersome to add waypoints, etc.

A small but important thing - there is a typo in the “activity” spelling.

Hope that helps, and best of luck with it!

Woah, impressive. I plotted a course from the northern tip of Amsterdam to Kinderdijk and it worked the first time. Neat!

It would be great™ if it could drag new mandatory points and choose alternative routes. Also, switching from administrative to with satellite view would be helpful.

It has a few graphical issues but it's definitely cool, here in Tuscany I just grab the car recommended track on maps because if I select to go by bike it suggests off-road, which is a no no for road bikes

Hmm, I've more often found myself wanting the opposite - a way to plan bike travel that follows reasonable roads rather than the Silly Sustrans Routes. Does your approach generalise to that?

  • You can change the profile to 'road cycling' and it will avoid paths with bad surfaces.

    Not sure about the UK but I've cycled quite a lot around here in Europe (12 countries so far) and from my experience, if you don't follow the official bike trails you're missing a lot. They are usually nice scenic and quiet roads with good (asphalt) surfaces. I'm talking about trails like the Alpe Adria Cycle path. There are tons of them in mainland Europe.

    But you're right - if the surface is bad, then it doesn't make sense to follow the trail. I will add a feature that will highlight the selected surface on the line (similar to what Komoot already does) so you can better investigate the route and make sure the surface is alright.

    I'm also planning to add a feature where users could rate the track so you could filter out the bad tracks based on other people's reviews.

    • Avoiding the official bike trails in Europe has advantages. For example, when you plot your own routes away from the touristic ones, local people might be more willing to chat or offer you a place to stay for the night because they have never met a foreign bicycle traveler before. Also, bikepacking is big these days, so a lot of cyclists want routes that don't have good asphalt surfaces.

Are tracks and trails paved? I'm always looking for urban routes, which occasionally uses paved "trails", but also bike routes, bike lanes and smaller less trafficked roads.

This is phenomenal! As an avid bike packer, I've always wanted this. Eagerly awaiting the expansion to North America. Please don't forget about Canada when building ;)

This looks fantastic! Please make sure to let us know when it's available in the Americas as well, I would love to use this.

  • Thank you! I didn’t add a way for people from other regions to sign up, like a newsletter since I figured most people dislike it here on HN. You can check back on this thread in 2–3 weeks, and there should be an update comment from me announcing a new version of the planner with the US region included.

Holy shit it's awesome!

I've been bikepaking for two years now and I wish I had this tool

I've used komoot in the past but I was never satisfied with the paths it suggested and had to rely on local guides

I've checked with some of the past trips I id and it guesses correctly all of the best paths

  • Thanks man! Really glad to hear that. Actually, I had bikepacking and bike touring in mind while working on it as I love doing long cross-country bike trips every summer myself.

What I really want form a bike route planner is a map style that shows smaller roads as you zoom out. When planning a cycling I'm interested in tiny back back roads but they are hidden as soon as I zoom out on any map enough to be useful for route planning.

  • Not sure if you're looking for paved or unpaved backroads, but if it's the latter I recently shipped a feature at my day job (https://ridewithgps.com) that highlights all unpaved backroads, visible up to zoom level 8 (above zoom 8 we start running into tile size/data limitations).

    May be useful to you or others in this thread. We lean pretty heavily into the "cycling power user" market segment, the feature set isn't always the most discoverable but it's quite comprehensive if you put in the up-front time to learn the tooling (similar to a lot of other specialty mapping apps out there - caltopo, fatmap (rip) etc)

    • A subscription? $10 a month?? That's the cost of a music streaming service!!

      I'd spend up to a $100 once on a killer tool that meets all my needs in this space.

      This subscription first crap is way out of hand.

      23 replies →

  • cycle.travel (my site) aims to do that - the advantage of developing your own cartography! Minor roads in rural areas are shown earlier than in most other styles, but in urban areas they kick in later to avoid cluttering the map too much.

    • Just wanted to pop in and let you know I use your site all the time and it's still the best (and I've tried everything) at creating routes to avoid dangerous roads. Thank you for the awesome app.

      One little feature that's great is the quick link to view Google Streetview images, and the only thing I'd change is to have it let me do that anywhere on the map (not just on the route) so that I can look at alternatives without dragging the route there first.

    • It's a good app, I was happy to subscribe once I used it a couple of times to find new routes about the city.

    • Wow, first bike router that chooses the same route I would to and from work. The others all take the steepest hill in the area instead of the slightly longer around the hill.

  • Yep. This is the a crucial cycling feature that's missing.

    Ideally, I'd also like to highlight roads with diverters, circles, chicanes, bumps, tables, etc.

[flagged]

  • I definitely want to get the mobile version up and running soon but it’s a lot of work to set everything up for this project especially since Im working solo. For a fully functional route planner, it would probably make more sense to build a React Native app instead of just a website.