Home for all your GPS Tracks
See Examples Upload your own Track Sign up for your Account
Your GPS Tracks in 3D.
Topography is what makes Skiing, Hiking, Trail running and Mountain biking so exciting.
You conquer those vertical distances with a lot of sweat and effort, but your tracking software only shows a boring 2D map.
That's where CubeTrek comes in.
All Tracks in One Place.
Visualize your adventures with TrekMapper, revealing your most frequented spots across the globe. Zoom in to unveil each track and click to uncover the details behind every activity.
Relive and share your activity in an interactive 3D mode using Google Earth data.
Replay your hike/run/bike/mountainneering adventure, zoom into the terrain, scroll around.
Access to replay mode is limited and depends on available quotas.
Measure & Compare.
Compare daily, monthly and yearly performance metrics on your interactive dashboard.
Sort by different activity types, calculate and compare total distances and vertical ascents.
Your Personal Calendar.
Track your progress on CubeTrek's Calendar Heatmap. Reach your goals, record activity streaks.
Benchmark yourself against past performances on your favorite routes. If you complete the same track several times, CubeTrek automatically groups all efforts together and calculates a pace graph.
And much more.
- Best-Of Stats: View your longest distances, the highest peaks and furthest climbs.
- Sort and Filter your activities by type, date, duration, distance, ascent etc. - Never lose track of your past efforts.
- Import FIT-, GPX-files and Zip-archives with one click.
- Link Third Party accounts: sync with Garmin Connect and Polar Flow (more to come...)
Give it a Try
Click here or drag your GPS Track into this Box.
Accepted file types: GPX and FIT.
|File name||Track Name||Type||Date||Distance||Elevation Gain||Time|
CubeTrek's still in an experimental stage.
To receive updates, sign up for the mailing list. Or get in touch via Email.
For the technically inclined people, here's a short summary of the underlying tech stack used by CubeTrek.
The actual 3D magic is performed by the awesome Babylon.js library (check it out, if you've never heard of it), the graph is handled by D3.js (very versatile, but a steep learning curve), the 2D map is rendered with MapLibre GL JS (which is very straightforward to use in this particular case).
So here's what happens when you upload a FIT or GPX file: the server reads the tracks, downsamples them to a reasonable resolution and calculates some descriptive values (such as the geographical bounding box, distance, time, etc.).
The elevation data is cross-checked with the elevation model on the server. This is done to check if the device's height sensors were propely calibrated and a simple correction is applied if necessary. If elevation data is completely absent in the file (because the recording device doesn't have a height sensor) the elevation data is interpolated completely from the model.
The elevation model consists of HGT files retrieved from the NASA SRTM dataset.
To guess the activity name, we take the highest point in the track data (making the assumption that this is the most prominent point of the whole activity, e.g. the summit). This is cross-checked against a peak database on the server. The data comes from OpenStreetMap and contains all OSM features annotated as 'Peak', and contains >520k entries.
If there's no peak in the vicinity, a reverse geocoding request is sent to Maptiler.
Once all the data is gathered, it's stored in a PostGIS extended PostgreSQL database and the activity is ready be to put on the spotlight.
When you view the activity in the 3D viewer: the server provides two key files for each activity. An extended GeoJSON file, describing the track latitude/longitude data, time, and elevation data. A gLTF file which contains the 3D Model of the topography. Babylon.js is used to display the gLTF file and loads the texture (map tiles) from Maptiler.
A custom script than draws the track on top of the texture of the 3D model.
The script also handles the D3.js graph data conversion from the GeoJSON file, the mouse interaction etc.
The 2D map is very straightforward: just show the GeoJSON data in a MapLibre map (again using Maptiler as source for the map data).
When you view your heatmap (TrekMapper): The server provides a list of the center coordinates for every track associated to your account, which in turn is rendered by MapLibre GL JS
to a heatmap. See MapLibre's Heatmap example for details.
In high zoom levels, the script requests a simplified GeoJSON for each track within the view, which are displayed in their own layer. Simplified means that the track resolution is downsampled quite significantly and no further information (i.e. no altitude data) is provided.
This makes the number of displayed coordinates on the user device more manageable, with the downside of noticeably simplified tracks when completely zoomed in.
After clicking on the map, Turf.js is used to determine the closest track.