Comments (1)
Hi Emmaunel,
as I mentioned here: #18 (comment)
do you have a summary with elevation gain, loss and if possible time and speed ?
Currently no, but you can still build your custom one:
map.on('eledata_loaded', function(e) {
var q = document.querySelector.bind(document);
var track = e.track_info;
var layer = e.layer;
// Default summary info
q('.totlen .summaryvalue').innerHTML = track.distance.toFixed(2) + " km";
q('.maxele .summaryvalue').innerHTML = track.elevation_max.toFixed(2) + " m";
q('.minele .summaryvalue').innerHTML = track.elevation_min.toFixed(2) + " m";
// Advanced summary info
layer.get_name(); // name of the GPX track
layer.get_distance(); // total track distance [meters]
layer.get_start_time(); // start time [Date object]
layer.get_end_time(); // end time when the last point was recorded [Date object]
layer.get_moving_time(); // moving time [milliseconds]
layer.get_total_time(); // total track time [milliseconds]
layer.get_moving_pace(); // average moving pace [milliseconds / km]
layer.get_moving_speed(); // average moving speed [km / hour]
layer.get_total_speed(); // average total speed [km / hour]
layer.get_elevation_min(); // lowest elevation [meters]
layer.get_elevation_max(); // highest elevation [meters]
layer.get_elevation_gain(); // cumulative elevation gain [meters]
layer.get_elevation_loss(); // cumulative elevation loss [meters]
layer.get_average_hr(); // average heart rate (if available)
layer.get_average_cadence(); // average cadence (if available)
layer.get_average_temp(); // average of the temperature (if available)
});
Or can you also try submitting a pull request with all desired changes...
Further info and details:
- leaflet-gpx: available functions
- MPettazoni: gpx example
- Raruto: custom summary
... and here #43 (comment)
it would be possible to somehow add additional plots for more activity data, e.g. heart rate, pace, speed, temperature ... ?
This is an interesting feature, but it requires a certain level of study and knowledge of this plugin, d3js and the leaflet ecosystem. Nothing too much complicated, but it's something that can take a while before it can be released.
As usual, help and pull requests are welcome.
PS did you know that @bastianonm also provides a standalone wrapper?
Have nice day,
Raruto
from leaflet-elevation.
Related Issues (20)
- Polyline layer turns black after turning off all legend filters (`legend: true` + `preferCanvas: false`) HOT 6
- Updating a track continuously (live tracking) HOT 3
- Unsopperted GeoJSON feature geometry type:Point HOT 1
- Download link HOT 1
- How to show Elevation in decimal? HOT 3
- Marker tooltip with negative elevation HOT 1
- Polyline layer turns black after turning off all legend filters on custom colors HOT 4
- Disable built-in lazy loader (dynamic imports) and load all dependencies statically HOT 8
- Leaflet elevation get track properties (Length, Elevation, time, etc) HOT 1
- Unable to Display Elevation Chart in Angular Project with leaflet-elevation HOT 6
- {{track_info}} not always correctly build HOT 5
- Angular and leaflet-elevation HOT 1
- Elevation profile for drawn line using Leaflet Drawn polyline HOT 2
- How to sort `L.gpxGroup` tracks in alphabetical order? HOT 8
- [How to] hide track on map | 100% chart width | dynamically change gpx data HOT 8
- hotline and linearGradient HOT 2
- [How to] get a callback when file gpx is loaded? HOT 3
- ruler on leaflet-elevation_hoverable-tracks.html HOT 1
- Customize Tooltip/Popup css for `<wpt>` elements when displayed on map HOT 3
- Incorrect time shown in y-axis HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet-elevation.