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

Remove var keywords, hide editing behind ?edit=1 query string

Browse source
This commit is contained in:
Antonia 2025-03-10 21:23:49 +01:00
parent 4d26db348c
commit f3b2c0245c
1 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
frontend/common/map.js
View file

@ -4,10 +4,10 @@ function layer_legend(layer) {
const rules = new Array; const rules = new Array;
const l = new Array; const l = new Array;
var legend = L.control({position: 'bottomleft'}); const legend = L.control({position: 'bottomleft'});
legend.onAdd = function (map) { legend.onAdd = function (map) {
var div = L.DomUtil.create('div', 'legend'); const div = L.DomUtil.create('div', 'legend');
for (var i = 0; i < l.length; i++) { for (let i = 0; i < l.length; i++) {
div.innerHTML += layer_legend(l[i]) + "<br>"; div.innerHTML += layer_legend(l[i]) + "<br>";
} }
return div; return div;
@ -37,7 +37,7 @@ fetch("layers.json")
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
document.title = data["name"] document.title = data["name"]
layers = data["layers"] const layers = data["layers"]
for (let key in layers) { for (let key in layers) {
l.push({ dirname: key , name: layers[key]["humanname"], color: layers[key]["color"] }); l.push({ dirname: key , name: layers[key]["humanname"], color: layers[key]["color"] });
rules.push({ rules.push({
@ -46,14 +46,14 @@ fetch("layers.json")
}); });
} }
const tiles = data["tilelayer"] const tiles = data["tilelayer"]
var osm = L.tileLayer( const osm = L.tileLayer(
tiles["url_template"], tiles["url_template"],
{ {
maxZoom: 19, maxZoom: 19,
attribution: tiles["attribution"] attribution: tiles["attribution"]
} }
); );
var strecken = protomapsL.leafletLayer({ const strecken = protomapsL.leafletLayer({
url: "strecken.pmtiles", url: "strecken.pmtiles",
maxDataZoom: data["maxZoom"] ?? 10, maxDataZoom: data["maxZoom"] ?? 10,
maxZoom: 19, maxZoom: 19,
@ -172,13 +172,19 @@ async function pickDirectory(e){
} }
} }
if ("showDirectoryPicker" in window) { const searchParams = new URLSearchParams(window.location.search)
const edit = searchParams.get("edit");
if (edit) {
const customButton = L.control({ position: 'topright' }); const customButton = L.control({ position: 'topright' });
customButton.onAdd = () => { customButton.onAdd = () => {
const buttonDiv = L.DomUtil.create('div', 'legend'); const buttonDiv = L.DomUtil.create('div', 'legend');
if ("showDirectoryPicker" in window) {
buttonDiv.innerHTML = `<button id="edit-mode" >Edit</button>`; buttonDiv.innerHTML = `<button id="edit-mode" >Edit</button>`;
buttonDiv.addEventListener('click', pickDirectory, this) buttonDiv.addEventListener('click', pickDirectory, this)
} else {
buttonDiv.innerHTML = "Your browser does not support editing. <br> As of 2025, editing is supported on Chromium-based browsers only.";
}
return buttonDiv; return buttonDiv;
}; };
customButton.addTo(map) customButton.addTo(map)