antonia/streckenkarte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Display distance and number of warnings

Browse source
This commit is contained in:
Antonia 2025-05-03 11:13:16 +02:00
parent c4661546f2
commit 7ce58ff48e
2 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/common/map.js
View file

@ -172,10 +172,11 @@ function scalarProduct(a,b) {
async function recompute_anglemarkers(g) { async function recompute_anglemarkers(g) {
purgeLayer(anglemarkers) purgeLayer(anglemarkers)
const limit = document.getElementById("angle").value const limit = document.getElementById("angle").value
let distance = 0
for (j=0; j< g.length; j++) { for (j=0; j< g.length; j++) {
const coords = g[j].geometry.coordinates; const coords = g[j].geometry.coordinates;
for (let i=1; i < coords.length - 1; i++) { for (let i=1; i < coords.length - 1; i++) {
distance += L.latLng(coords[i][1],coords[i][0]).distanceTo(L.latLng(coords[i-1][1],coords[i-1][0]))
const a = computeVector(coords,i); const a = computeVector(coords,i);
const b = computeVector(coords,i+1); const b = computeVector(coords,i+1);
let angle = Math.acos(scalarProduct(a,b)/Math.sqrt(scalarProduct(a,a)*scalarProduct(b,b))) let angle = Math.acos(scalarProduct(a,b)/Math.sqrt(scalarProduct(a,a)*scalarProduct(b,b)))
@ -187,6 +188,14 @@ async function recompute_anglemarkers(g) {
} }
} }
} }
document.querySelector("#distance").innerHTML = `${(distance / 1000).toFixed(2)} km`
const markSpan = document.querySelector("#anglemarkers")
markSpan.innerHTML = `${anglemarkers.length} warning${anglemarkers.length != 1 ? "s" : ""}`
if (anglemarkers.length > 0) {
markSpan.classList.add("warning")
} else {
markSpan.classList.remove("warning")
}
} }
async function updateBrouter () { async function updateBrouter () {
@ -416,6 +425,7 @@ if (edit) {
buttonDiv.innerHTML = `<button id="edit-mode" onClick="pickDirectory(event)" >Edit</button> buttonDiv.innerHTML = `<button id="edit-mode" onClick="pickDirectory(event)" >Edit</button>
<div class="edit-ui"> <div class="edit-ui">
<div id="layername" ></div> <div id="layername" ></div>
<span id="distance">0.0 km</span> - <span id="anglemarkers" >0 warnings</span><br>
<label for="featurename">Filename</label><br><input type="text" id="featurename"><br> <label for="featurename">Filename</label><br><input type="text" id="featurename"><br>
<label for="brouter-profile">Brouter Profile</label><br> <label for="brouter-profile">Brouter Profile</label><br>
<input type="text" id="brouter-profile" onchange="updateBrouter()" ><br> <input type="text" id="brouter-profile" onchange="updateBrouter()" ><br>

5
frontend/common/styles.css
View file

@ -27,3 +27,8 @@ img.warn { filter: hue-rotate(160deg); }
div.edit-ui { div.edit-ui {
display: none; display: none;
} }
span.warning {
color: red;
font-weight: bold;
}