The interface is designed to be as simple and intuitive to use as possible, with all essential tools readily accessible.

Route Sidebar

Houses the ride information with real-time route data, speed settings, ride details, and import/export functionality.

• • Route metrics display
• • Speed configuration
• • Ride information
• • GPX import/export

Controls Sidebar

Contains simple map controls for route creation, including undo, clear, and mouse interaction guides.

• • Undo/Clear buttons
• • Mouse control guide
• • Map interaction help
• • Point manipulation tools

On the left side of the interface, you will find the Route Sidebar which is home to the ride information.
Here you can see real-time information about the plotted route and configure your preferred settings.

Route Metrics

As the route is plotted on the map, the time and distance are automatically updated in real-time, providing instant feedback on your route planning.

Speed Settings

Use the slider to select a speed for your ride.

Note: This is not the average speed of your ride. This is how fast you would ride on a flat 0% gradient road. Your speed on gradients is calculated based on this speed input.

Ride Information

A ride name and time is required. This information is added to the GPX file download and will be displayed when uploaded to your training platform.

Tip: The date defaults to the current date if one is not inputted.

Import GPX

If you have an existing route, you can import it onto the map. The route will be plotted in grey and can be used as a reference to help plot your new route.

Download GPX

Once you have finished plotting the route and you are satisfied with the ride information and settings, you are ready to download the route and upload it to your favorite training platform!

On the right side of the interface, you will find the Controls Sidebar that houses the map controls.
Creating a route is entirely possible by only using the mouse and button clicks. However, if you make a mistake you can undo or clear the route altogether.

Map Controls

Undo Button

Removes the last placed point on the map. The undo functionality can be used repeatedly, taking you all the way back to the first point if needed.

Clear Button

Removes the entire route from the map. If you have imported a reference route onto the map, this will also be cleared.

Mouse Controls & Map Interaction

This section shows you how to interact with the map using your mouse.

LEFT CLICK Add Point / Map Navigation

1. Add Point

Adds a point to the map. Subsequent clicks build a route. After each click on the map, a cycling-suitable route will be calculated between the two points.

2. Map Navigation

As with other mapping apps, holding left click and moving your mouse will pan around the map.

RIGHT CLICK Remove Point / Add Waypoint

1. Remove Point

Quickly remove an incorrectly placed point. This can be faster than using the Undo button. Place the cursor over the existing point and right-click to remove it.

2. Add Waypoint

Sometimes the route may not use the exact roads you anticipated between two points. Right-click on the road you want to include and the app will place a point on that specific road, ensuring the route passes through it.

DRAG Point Manipulation

All points that have been placed on the map can be dragged at any time. When a point is dragged to a new position, the route will be recalculated automatically, passing through each of the points on the map in their new positions.

SCROLL Zoom In / Out

Use the mouse scroll wheel to zoom the map in and out, allowing you to see more detail or a wider area.

Find answers to the most commonly asked questions. Can't find what you're looking for? Feel free to reach out for additional support.