GPX Route Planning Tool

I'm developing a free and open-source web app for planning walking and cycling trips (and even car trips). You can create a route by clicking directly on the map to add waypoints, and it can consist of multiple stages. The app provides tools to edit the stages and the overall route, and to display useful information (distances, altitudes, and elevation changes). A relief profile can be shown as a graph for a specific stage or the entire route.

Once the route is ready, it can be exported as a GPX file, which can then be used with a GPS or a mobile navigation app.

The app is built in JavaScript and runs entirely in the web browser. It uses the Leaflet library and several OpenStreetMap-based services. Initially developed for my personal needs (I enjoy hiking and cycle touring), I’d be happy to share it with anyone who might find it useful. It’s free to use, doesn’t require an account, and the source code is available.

Source code: https://github.com/patricklmarie/GPX-Route-Planner Online demo: https://patricklmarie.github.io/GPX-Route-Planner/

Hello,

First of all, congratulations on the work you’ve done. I’ve been using this type of app for many years to plan travel routes based on the chosen mode of transport. I schedule my route day by day, whether I’m traveling by motorcycle or off-road 4x4. As you can probably guess, it’s impossible to have a computer on a motorcycle to prepare a GPX file. So, I tried your app on a 12" tablet with a stylus and no keyboard. The app is quite difficult to use under these conditions for a traveler on the move. When I have access to a computer (PC) with a mouse, I’ll take another look at your app, which I think is better suited to that kind of hardware.

A few suggestions: The maximum topographic zoom is 300m, while the maximum Esri zoom is 20m. It would be great if the topographic zoom could also go down to 20m, so switching between modes would keep the same scale. Being able to hide all windows from the screen. When "no info" is selected and you click on a point, the "data" window still opens. It should stay in "no info" mode. BRouter is set to calculate the shortest route rather than prioritizing major roads for cycling or driving modes.

See you soon for new adventures.

PS: I intentionally didn’t mention the other apps I’ve used so far.

Nice! But it’s gonna be tough to carve out a spot among the N+1 existing apps. For my part, as an old K… sorry, old Cyclo, I still stick to the paper Michelin map—it’s the safest, even if I use BR beforehand to get the most accurate km. Then I scribble on the M… map. On the road, I tried the GPS with tracks provided by BR, but sometimes it’s a real hassle.

Good luck!

Awesome!

The project is great, and I love the spirit it's being developed in (in a world where everything's about profit). I'll check it out once I'm back home, on my PC.

It'd be great if it could be used on a mobile device.

Hi there,

Thanks for taking the time to check out my work! This app is designed as a "route preparation workshop" to use at home before your trip. To make the most of it, you’ll need a decent-sized screen and a mouse (or equivalent pointing device). Once you're on the road, you’re supposed to use the GPX route you’ve created in a GPS or mobile navigation app to find your way. I’ll look into the improvement suggestions I’ve received (or will receive) and see which ones I can implement.

In response to your suggestions: - The maximum topographic zoom is 300m. The maximum Esri zoom is 20m. It would be great if the topographic zoom could also go up to 20m, so switching between modes would keep the same scale. => I use tile sets compatible with Leaflet (the list is available here: http://leaflet-extras.github.io/leaflet-providers/preview/). Each set has its own maximum zoom level, and I have to work with that. I can’t standardize the max zoom levels (or I’d have to use the lowest one, which isn’t ideal). However, I’ve added a few more tile sets to the menu. - Brouter is set to calculate the shortest route rather than prioritizing major roads for cycling or driving modes. => I’ve added extra travel modes to give more flexibility in choosing the routing algorithm. - When you select "no info" and then click a point, the "data" window opens. It should stay in "no info" mode. => Could you clarify the steps that led to this issue? I tried to reproduce it, but the "data" window doesn’t open for me. - Ability to close all windows on the screen. => Good idea. I’ll implement it, but I’ll need a little more time.

Thanks for the additional info. I’ll dive back into it as soon as I can. I’ll check if I can reproduce the scenario that triggers the issue.

Have a good one.