woelpert/biketrack-plainjs
2
0
Fork 0
Code Issues Pull Requests repo.project_board Releases Wiki Activity

performance improvements

Browse Source
This commit is contained in:
Paul Mueller 2022-08-26 12:13:33 +02:00
parent bad67e5fc8
commit 5cb0a6c478
1 changed files with 37 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
functions.js
View File

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