@raruto/leaflet-elevation 1.9.3 → 1.9.6

package/src/speed.js

@@ -13,6 +13,49 @@ Elevation.addInitHook(function() {
 	speed.label      = opts.speedLabel  || L._(opts.imperial ? 'mph' : 'km/h');
 	opts.speedFactor = opts.speedFactor || 1;
 
+
+	this._registerDataAttribute({
+		name: 'speed',
+		init: () => {
+			// this.track_info.speed_max = -Infinity; // Speed Max
+			// this.track_info.speed_min = +Infinity; // Speed Min
+			// this.track_info.speed_avg = 0;         // Speed Avg
+		},
+		fetch: (i) => {
+			let data = this._data;
+			let dx   = (data[i].dist - data[i > 0 ? i - 1 : i].dist) * 1000;
+			let dt   = data[i].time - data[ i > 0 ? i - 1 : i].time;
+			return dt > 0 ? Math.abs((dx / dt) * opts.timeFactor) * opts.speedFactor : 0;
+		},
+		update: (speed, i) => {
+			this.track_info.speed_max = this.track_info.speed_max || -Infinity; // Speed Max
+			this.track_info.speed_min = this.track_info.speed_min || +Infinity; // Speed Min
+			this.track_info.speed_avg = this.track_info.speed_avg || 0;         // Speed Avg
+
+			let data  = this._data;
+			let track = this.track_info;
+
+			// Try to smooth "crazy" speed values.
+			if (this.options.speedDeltaMax) {
+				let delta    = speed - data[i > 0 ? i - 1 : i].speed;
+				let deltaMax = this.options.speedDeltaMax;
+				if (Math.abs(delta) > deltaMax) {
+					speed       = data[i - 1].speed + deltaMax * Math.sign(delta);
+				}
+			}
+	
+			// Range of acceptable speed values.
+			speed = _.clamp(speed, this.options.speedRange);
+
+			if (speed > track.speed_max) track.speed_max = speed;
+			if (speed < track.speed_min) track.speed_min = speed;
+
+			track.speed_avg = (speed + track.speed_avg) / 2.0;
+
+			return L.Util.formatNum(speed, 2);
+		},
+	});
+
 	if (this.options.speed && this.options.speed != "summary") {
 
 		this._registerAxisScale({
@@ -26,16 +69,16 @@ Elevation.addInitHook(function() {
 			label      : speed.label,
 			labelX     : 25,
 			labelY     : -8,
-			name       : "speed"
+			name       : "speed",
 		});
 
 		this._registerAreaPath({
-			name       : 'speed',
-			label      : 'Speed',
-			yAttr      : "speed",
-			scaleX     : 'distance',
-			scaleY     : 'speed',
-			color      : '#03ffff',
+			name         : 'speed',
+			label        : 'Speed',
+			yAttr        : "speed",
+			scaleX       : 'distance',
+			scaleY       : 'speed',
+			color        : '#03ffff',
 			strokeColor  : '#000',
 			strokeOpacity: "0.5",
 			fillOpacity  : "0.25",
@@ -43,65 +86,30 @@ Elevation.addInitHook(function() {
 
 	}
 
-	this.on('elepoint_added', function(e) {
-		let data   = this._data;
-		let i      = e.index;
-
-		let currT  = data[i].time;
-		let prevT  = i > 0 ? data[i - 1].time : currT;
-
-		let deltaT = currT - prevT;
-
-		let track  = this.track_info;
-		let sMax   = track.speed_max || -Infinity; // Speed Max
-		let sMin   = track.speed_min || +Infinity; // Speed Min
-		let sAvg   = track.speed_avg || 0;         // Speed Avg
-		let speed  = 0;
-
-		if (deltaT > 0) {
-			let delta = (data[i].dist - data[i > 0 ? i - 1 : i].dist) * 1000;
-			speed = Math.abs((delta / deltaT) * opts.timeFactor) * opts.speedFactor;
-		}
-
-		// Try to smooth "crazy" speed values.
-		if (this.options.speedDeltaMax) {
-			let deltaS    = i > 0 ? speed - data[i - 1].speed : 0;
-			let maxDeltaS = this.options.speedDeltaMax;
-			if (Math.abs(deltaS) > maxDeltaS) {
-				speed       = data[i - 1].speed + maxDeltaS * Math.sign(deltaS);
-			}
-		}
-
-		// Range of acceptable speed values.
-		speed = _.clamp(speed, this.options.speedRange);
-
-		track.speed_max = speed > sMax ? speed : sMax;
-		track.speed_min = speed < sMin ? speed : sMin;
-		track.speed_avg = (speed + sAvg) / 2.0;
-
-		data[i].speed = L.Util.formatNum(speed, 2);
-	});
-
 	if (this.options.speed) {
 
 		this._registerTooltip({
 			name: 'speed',
 			chart: (item) => L._('v: ') + item.speed + " " + speed.label,
 			marker: (item) => Math.round(item.speed) + " " + speed.label,
+			order: 50,
 		});
 
 		this._registerSummary({
 			"minspeed"  : {
 				label: "Min Speed: ",
-				value: (track) => Math.round(track.speed_min || 0) + '&nbsp;' + speed.label
+				value: (track) => Math.round(track.speed_min || 0) + '&nbsp;' + speed.label,
+				order: 50
 			},
 			"maxspeed"  : {
 				label: "Max Speed: ",
-				value: (track) => Math.round(track.speed_max || 0) + '&nbsp;' + speed.label
+				value: (track) => Math.round(track.speed_max || 0) + '&nbsp;' + speed.label,
+				order: 50
 			},
 			"avgspeed": {
 				label: "Avg Speed: ",
-				value: (track) => Math.round(track.speed_avg || 0) + '&nbsp;' + speed.label
+				value: (track) => Math.round(track.speed_avg || 0) + '&nbsp;' + speed.label,
+				order: 50
 			}
 		});
 

package/src/summary.js

@@ -6,6 +6,7 @@ export var Summary = L.Class.extend({
 	initialize: function(opts, control) {
 		this.options = opts;
 		this.control = control;
+		this.labels = {};
 
 		let summary = this._container = _.create("div", "elevation-summary " + (opts.summary ? opts.summary + "-summary" : ''));
 		_.style(summary, 'max-width', opts.width ? opts.width + 'px' : '');
@@ -24,9 +25,19 @@ export var Summary = L.Class.extend({
 		return this;
 	},
 
+	update: function() {
+		Object
+		.keys(this.labels)
+		.sort((a, b) => this.labels[a].order - this.labels[b].order) // TODO: any performance issues?
+		.forEach((i)=> {
+			this.append(i, L._(this.labels[i].label), typeof this.labels[i].value !== "function" ? this.labels[i].value : this.labels[i].value(this.control.track_info));
+		});
+	},
+
 	_registerSummary: function(data) {
 		for (let i in data) {
-			this.append(i, L._(data[i].label), typeof data[i].value !== "function" ? data[i].value : data[i].value(this.control.track_info));
+			data[i].order = data[i].order ?? 100;
+			this.labels[i] = data[i];
 		}
 	}
 

package/src/time.js

@@ -15,7 +15,7 @@ Elevation.addInitHook(function() {
 	 * Common AVG speeds:
 	 * ----------------------
 	 *  slow walk = 1.8  km/h
-	 *  walking   = 3.6  km/h
+	 *  walking   = 3.6  km/h <-- default: 3.6
 	 *  running   = 10.8 km/h
 	 *  cycling   = 18   km/h
 	 *  driving   = 72   km/h
@@ -33,6 +33,43 @@ Elevation.addInitHook(function() {
 
 	opts.xTimeFormat = opts.xTimeFormat || ((t) => _.formatTime(t).split("'")[0]);
 
+	this._registerDataAttribute({
+		name: 'time',
+		init: function({ point, props, id }) {
+			// "coordinateProperties" property is generated inside "@tmcw/toGeoJSON"
+			if (props) {
+				if("coordTimes" in props)     point.meta.time = new Date(Date.parse(props.coordTimes[id]));
+				else if("times" in props)     point.meta.time = new Date(Date.parse(props.times[id]));
+				else if("time" in props)      point.meta.time = new Date(Date.parse((typeof props.time === 'object' ? props.time[id] : props.time)));
+			}
+		},
+		fetch: function(i, point) {
+			// Add missing timestamps (see: options.timeAVGSpeed)
+			if (!point.meta || !point.meta.time) {
+				point.meta = point.meta || {};
+				if(i > 0) {
+					let dx = (this._data[i].dist - this._data[i - 1].dist);
+					let t0 = this._data[i - 1].time.getTime();
+					let dt = ( dx / this._timeAVGSpeed) * this.options.timeFactor * 1000;
+					point.meta.time = new Date(t0 + dt);
+				} else {
+					point.meta.time = new Date(Date.now())
+				}
+			}
+			let time = point.meta.time;
+			// Handle timezone offset
+			if (time.getTime() - time.getTimezoneOffset() * 60 * 1000 === 0) {
+				time = 0;
+			}
+			return time;
+		},
+		update: function(time, i) {
+			this.track_info.time   = (this.track_info.time || 0) + Math.abs(this._data[i].time - this._data[i > 0 ? i - 1 : i].time);
+			this._data[i].duration = this.track_info.time;
+			return time;
+		}
+	});
+
 	if (opts.time && opts.time != "summary" && !L.Browser.mobile) {
 
 		this._registerAxisScale({
@@ -63,60 +100,25 @@ Elevation.addInitHook(function() {
 
 	}
 
-	this.on('elepoint_added', function(e) {
-		let data = this._data;
-		let i    = e.index;
-
-		// Add missing timestamps (see: options.timeAVGSpeed)
-		if (!e.point.meta || !e.point.meta.time) {
-			e.point.meta = e.point.meta || {};
-			let delta = (data[i].dist - data[i > 0 ? i - 1 : i].dist);
-			let speed = this._timeAVGSpeed;
-			e.point.meta.time = new Date(
-				(
-					i > 0
-						? data[i - 1].time.getTime() + ((( delta / speed) * opts.timeFactor) * 1000)
-						: Date.now()
-				)
-			);
-		}
-
-		let time = e.point.meta.time;
-
-		// Handle timezone offset
-		if (time.getTime() - time.getTimezoneOffset() * 60 * 1000 === 0) {
-			time = 0;
-		}
-
-		let currT    = time;
-		let prevT    = i > 0 ? data[i - 1].time : currT;
-
-		let deltaT   = Math.abs(currT - prevT);
-		let duration = (this.track_info.time || 0) + deltaT;
-
-		this.track_info.time = duration;
-
-		data[i].time         = time;
-		data[i].duration     = duration;
-	});
-
-
 	if (this.options.timestamps) {
 		this._registerTooltip({
 			name: 'date',
-			chart: (item) => L._("t: ") + this.options.timeFormat(item.time)
+			chart: (item) => L._("t: ") + this.options.timeFormat(item.time),
+			order: 20,
 		});
 	}
 
 	if (this.options.time) {
 		this._registerTooltip({
 			name: 'time',
-			chart: (item) => L._("T: ") + _.formatTime(item.duration || 0)
+			chart: (item) => L._("T: ") + _.formatTime(item.duration || 0),
+			order: 20
 		});
 		this._registerSummary({
 			"tottime"  : {
 				label: "Total Time: ",
-				value: (track) => _.formatTime(track.time || 0)
+				value: (track) => _.formatTime(track.time || 0),
+				order: 20
 			}
 		});
 	}