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

colorize the start and end icons

Browse source
This commit is contained in:
Antonia 2025-03-10 19:21:55 +01:00
parent 2fee843c52
commit 1416481ba9
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/common/map.js
View file

@ -73,6 +73,13 @@ let geojson;
let editlayer; let editlayer;
async function updateBrouter () { async function updateBrouter () {
if (markers.length > 0) {
for (i=1; i< markers.length-1; i++) {
markers[i]._icon.classList.remove("red");
}
markers[markers.length-1]._icon.classList.add("red");
markers[0]._icon.classList.add("green");
}
if (markers.length < 2) { if (markers.length < 2) {
if (geojson != undefined) { if (geojson != undefined) {
map.removeLayer(geojson); map.removeLayer(geojson);
@ -110,7 +117,6 @@ map.on('click', function(e) {
// } // }
marker = new L.marker(e.latlng, {draggable: true}) ; marker = new L.marker(e.latlng, {draggable: true}) ;
markers.push(marker); markers.push(marker);
updateBrouter();
marker.on("click", function(e) { marker.on("click", function(e) {
map.removeLayer(this); map.removeLayer(this);
markers = markers.filter(item => item != this); markers = markers.filter(item => item != this);
@ -120,6 +126,7 @@ map.on('click', function(e) {
updateBrouter(); updateBrouter();
}); });
marker.addTo(map); marker.addTo(map);
updateBrouter();
}); });

2
frontend/common/styles.css
View file

@ -19,3 +19,5 @@ body {
display: inline-block; display: inline-block;
margin-right: 0.7em; margin-right: 0.7em;
} }
img.red { filter: hue-rotate(120deg); }
img.green { filter: hue-rotate(-120deg); }