|
|
@ -119,8 +119,8 @@ async function createDb(){ |
|
|
|
//console.log(newArray)
|
|
|
|
return newArray; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//array to store routes absolute
|
|
|
|
var Absolute_Route = []; |
|
|
|
async function getAllRoutes(){ |
|
|
|
var buffer_for_i = 0; |
|
|
|
var db2 = await createDb() |
|
|
@ -180,7 +180,10 @@ async function getAllRoutes(){ |
|
|
|
return parseFloat(elem2); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
// maybe in loop?
|
|
|
|
Absolute_Route[0] = route0; |
|
|
|
Absolute_Route[1] = route1; |
|
|
|
console.log("routes written in buffer") |
|
|
|
return [route0, route1]; |
|
|
|
} |
|
|
|
|
|
|
@ -198,6 +201,7 @@ async function createlistitem() { |
|
|
|
ul.appendChild(li); |
|
|
|
} |
|
|
|
async function clearMap() { |
|
|
|
console.log("clearing map") |
|
|
|
for(i in map._layers) { |
|
|
|
if(map._layers[i]._path != undefined) { |
|
|
|
try { |
|
|
@ -210,19 +214,21 @@ async function clearMap() { |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
async function allRoutes(number_of_ze_route) { |
|
|
|
async function allRoutes(number_of_the_route) { |
|
|
|
|
|
|
|
//color theming
|
|
|
|
var color = ["blue","red","green","purple","gray","yellow"]; |
|
|
|
var i = Math.floor(Math.random() * 5) ; |
|
|
|
console.log("calling prepare") |
|
|
|
let current = await prepare(); |
|
|
|
const current_route = current[number_of_ze_route]; |
|
|
|
clearMap() |
|
|
|
const current_route = current[number_of_the_route]; |
|
|
|
|
|
|
|
clearMap(); |
|
|
|
polyline = L.polyline(current_route, {color: color[i]}).addTo(map); |
|
|
|
var currentime = await getCurrentTime(); |
|
|
|
var ul = document.getElementById("list"); |
|
|
|
var li = document.createElement("li"); |
|
|
|
li.appendChild(document.createTextNode("Route "+ (number_of_ze_route + 1) + " was travelled on: " + currentime + "" )); |
|
|
|
li.appendChild(document.createTextNode("Route "+ (number_of_the_route + 1) + " was travelled on: " + currentime + "" )); |
|
|
|
ul.appendChild(li); |
|
|
|
|
|
|
|
//important for maps
|
|
|
@ -231,30 +237,48 @@ async function allRoutes(number_of_ze_route) { |
|
|
|
|
|
|
|
return currentime; |
|
|
|
} |
|
|
|
async function singleRoute(route_nr){ |
|
|
|
const current_route = Absolute_Route[route_nr]; |
|
|
|
console.log(Absolute_Route[route_nr]); |
|
|
|
var color = ["blue","red","green","purple","gray","yellow"]; |
|
|
|
var i = Math.floor(Math.random() * 5) ; |
|
|
|
clearMap(); |
|
|
|
console.log("painting map"); |
|
|
|
polyline = L.polyline(current_route, {color: color[i]}).addTo(map); |
|
|
|
//var currentime = await getCurrentTime();
|
|
|
|
var ul = document.getElementById("list"); |
|
|
|
var li = document.createElement("li"); |
|
|
|
ul.appendChild(li); |
|
|
|
|
|
|
|
//important for maps
|
|
|
|
map.fitBounds(polyline.getBounds()); |
|
|
|
map.fitBounds(polyline.getBounds()); |
|
|
|
console.log("finished singelRoute()"); |
|
|
|
} |
|
|
|
async function showRoutes(){ |
|
|
|
console.log("Calling getAllRoutes") |
|
|
|
var len_of_Routes = await getAllRoutes(); |
|
|
|
var len = len_of_Routes.length ; |
|
|
|
console.log("Gotten all routes"); |
|
|
|
console.log(len); |
|
|
|
var i = 0; |
|
|
|
|
|
|
|
var i = 0; |
|
|
|
|
|
|
|
console.log("this is i: " + i) |
|
|
|
console.log("this is len: " + len) |
|
|
|
console.log("creating buttons") |
|
|
|
let btn0 = document.createElement("button"); |
|
|
|
btn0.innerHTML = ("Route 1"); |
|
|
|
btn0.onclick = function () { |
|
|
|
allRoutes((0)); |
|
|
|
singleRoute(0); |
|
|
|
}; |
|
|
|
let btn1 = document.createElement("button"); |
|
|
|
btn1.innerHTML = ("Route 2"); |
|
|
|
btn1.onclick = function () { |
|
|
|
allRoutes((1)); |
|
|
|
singleRoute(1); |
|
|
|
}; |
|
|
|
|
|
|
|
i = i + 1; |
|
|
|
document.body.appendChild(btn0); |
|
|
|
document.body.appendChild(document.createElement('br')); |
|
|
|
document.body.appendChild(btn1); |
|
|
|
console.log("Finsihed showing routes") |
|
|
|
} |
|
|
|
|