Journey Recording using GPS Tracking

Tue Oct 01, 2013 6:27 am

So you're saying I need to add javascript to the geolocation success service event that looks something like this:code coordsArray.push({'alt': timeStamp, 'lat': data.coords.latitude, 'lng': data.coords.longitude, 'alt': alt}); localStorage.setItem(coordsArray", JSON.stringify(coordsArray));/code
And something under code Appery('dataLabel")/code line to include
code 'Altitude: ' + data.coords.altitude+ '<br>' +/code
for the label on the "record ride" page to show a value. Then add
code for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000, coordsArray.alt]);
}/code
after code for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000, coordsArray.speed]);
}/code
so that plot2 will show the altitude data with the following code under var plot1 code var plot2 = $.jqplot('plot2', [points], {
series: [{
showMarker: false
}],
axes: {
xaxis: {
label: 'Journey Time (minutes)',
labelRender: $.jqplot.CanvasAxisLabelRenderer
},
yaxis: {
label: 'Altitude (feet)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});/code?

Tue Oct 01, 2013 5:28 pm

Hello! Sorry for delay, looks like it should be something like this:
precoordsArray.push({'time': timeStamp, 'lat': data.coords.latitude, 'lng': data.coords.longitude, 'alt': data.coords.altitude, 'speed': speed});/pre

Thu Oct 03, 2013 4:23 am

The second graph still shows average speed over time, and not altitude change. I'm not sure what's happening, but my javascript on "record ride" page show event is: codeAppery("pause").hide();
Appery("start").hide();

try {
var coordsArray;
try {
coordsArray = JSON.parse(localStorage.getItem("coordsArray"));
if ({}.toString.call(coordsArray) !== "[object Array]") {
return;
}
}catch ( e ){
return;
}
var startTime = coordsArray[0].time;
var points = [];
for (var i=0; i<coordsArray.length; i++){
points.push([(coordsArray.time - startTime) / 1000 / 60, coordsArray.speed]);
}
var plot = $.jqplot('plot2', [points], {
series:[{showMarker:false}],
axes:{
xaxis:{
label:'Journey Time (minutes)',
labelRender: $.jqplot.CanvasAxisLabelRenderer},
yaxis:{
label:'Altitude (feet)',
labelRenderer: $jqplot.CanvasAxisLabelRenderer}
}
})

var plot = $.jqplot('plot1', [points], {
series:[{showMarker:false}],
axes:{
xaxis:{
label:'Journey Time (minutes)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
yaxis:{
label:'Speed (m/h)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});
} catch ( e ){
}
/code
And the "results: page show event javascript looks like this: code
var coordsArray = JSON.parse(localStorage.getItem("coordsArray"));
var startTime = coordsArray[0].time;
var points = [];
for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000, coordsArray.speed]);
}
var plot1 = $.jqplot('plot1', [points], {
series: [{
showMarker: false
}],
axes: {
xaxis: {
label: 'Journey time (sec)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
yaxis: {
label: 'Speed (m/h)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});
var plot2 = $.jqplot('plot2', [points], {
series: [{
showMarker: false
}],
axes: {
xaxis: {
label: 'Journey Time (minutes)',
labelRender: $.jqplot.CanvasAxisLabelRenderer
},
yaxis: {
label: 'Altitude (feet)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});
/codeAny ideas?
Thanks so much!

Thu Oct 03, 2013 3:13 pm

Hello! There is no code
prepoints = [];
for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000, coordsArray.alt]);
}/pre
before this line
prevar plot2 = $.jqplot('plot2', [points], {/pre

Mon Oct 07, 2013 4:28 am

Hi Marina!

I'm not sure what's going on. I don't see an error in logcat when I navigate to the "results page" after recording a ride. I have two graphs that show speed (m/h) on the y axis of the first graph (ie "plot1") and journey time(sec) Which should be in minutes. The second graph shows Altitude (feet) and journey time (sec) which should be in minutes. Also the second graph (ie plot 2) shows identical data panel "plot 1". When recording, the values are greatly exaggerated and inaccurate. What should I do?

Mon Oct 07, 2013 8:11 am

Hello!
1) On result page Show event should be the following code:
prevar coordsArray = JSON.parse(localStorage.getItem("coordsArray"));
var startTime = coordsArray[0].time;
var points = [];
for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000 / 60, coordsArray.speed]);
}
var plot1 = $.jqplot('plot1', [points], {
series: [{
showMarker: false
}],
axes: {
xaxis: {
label: 'Journey time (minutes)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
yaxis: {
label: 'Speed (m/h)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});
points = [];
for (var i = 0; i < coordsArray.length; i++) {
points.push([(coordsArray.time - startTime) / 1000 / 60, coordsArray.alt]);
}
var plot2 = $.jqplot('plot2', [points], {
series: [{
showMarker: false
}],
axes: {
xaxis: {
label: 'Journey Time (minutes)',
labelRender: $.jqplot.CanvasAxisLabelRenderer
},
yaxis: {
label: 'Altitude (feet)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
}
}
});/pre
2) Are you sure you save Altitude in coordsArray in feet, not in meters?
3) [quote:] When recording, the values are greatly exaggerated and inaccurate[/quote] data could be inaccurate while there is no connection with satellite (it takes a few minutes usually) then data should be pretty accurate

Tue Oct 08, 2013 5:34 am

Now I get this in logcat after clicking "view ride data" button.
What could be wrong?

Tue Oct 08, 2013 11:50 am

Hello! In code we posted there is a line prepoints.push([(coordsArray{i}.time - startTime) / 1000 / 60, coordsArray.alt]);/pre, but in your code there is
prepoints.push([(coordsArray.time - startTime) / 1000 / 60, coordsArray.alt]);/pre
You have {i} instead .

Wed Oct 09, 2013 3:16 am

Thanks Marina! But now I can't navigate to the "results" page when I click the "view ride data button." I couldn't catch any errors in logcat. What could be happening?

Wed Oct 09, 2013 2:15 pm

This shows in JSHint: