From 2522875dc9886ad8d9109a6d1ac157ed166248af Mon Sep 17 00:00:00 2001 From: jshjelse <jshjelse@stud.ntnu.no> Date: Sun, 1 Oct 2023 15:08:12 +0200 Subject: [PATCH] Ferdigstille --- javascript/buffer.js | 19 ++++--------------- javascript/sidebar&boxes.js | 20 +++++++++++++++++++- 2 files changed, 23 insertions(+), 16 deletions(-) diff --git a/javascript/buffer.js b/javascript/buffer.js index 544bdc1..230703a 100644 --- a/javascript/buffer.js +++ b/javascript/buffer.js @@ -3,16 +3,6 @@ Link til nettside med turfjs-funksjoner: https://turfjs.org/docs/ */ -// Fyller select med alternativ: - -function fillSelect() { - var select = document.getElementById("bufferSelect"); - select.options.lenght = 0; - for (key in overlayMaps) { - select.add(new Option(text = key, value = key)); //overlayMaps[key] - } -} - function makeBuffer() { var input = document.getElementById("bufferSelect").value; var layer = overlayMaps[input]; @@ -21,15 +11,14 @@ function makeBuffer() { try { var buffer = turf.buffer(layer.toGeoJSON(), distance, {units: "meters"}); // Denne må ryddes opp i! - var newLayer = L.geoJSON(buffer); + var newLayer = L.geoJSON(turf.dissolve(buffer)); - // Må endre denne for å få funksjonaliteten på sida til å fungere - // Problematisk med samme navn på key og value for dictionaries overlayMaps[name] = newLayer; updateSidebar(); - - //newLayer.addTo(map); + handleLayer(name); + document.getElementById("bufferDistance").value = ""; + document.getElementById("bufferName").value = ""; } catch(failure) { alert(failure); } diff --git a/javascript/sidebar&boxes.js b/javascript/sidebar&boxes.js index 23d150b..f08ff14 100644 --- a/javascript/sidebar&boxes.js +++ b/javascript/sidebar&boxes.js @@ -24,7 +24,12 @@ function openBox(id) { if (boolskNav) { closeNav(); } - fillSelect(); // Denne må justeres ved flere Selects ;) + + // Fyller aktuell select med alternativ avhengig av hvilken boks en åpner: + if (id == "bufferBox") { + fillSelect("bufferSelect"); + } + document.getElementById(String(id)).style.width = "40vw"; document.getElementById(String(id)).style.height = "40vh"; document.getElementById(String(id)).style.borderWidth = "20px"; @@ -40,4 +45,17 @@ function closeBox(id) { boolskBox = false; box = null; activateMap(); +} + +// Fyller select i de ulike boksene med alternativ: + +function fillSelect(id) { + var select = document.getElementById(id); + + select.innerHTML = ""; + + //select.options.lenght = 0; + for (key in overlayMaps) { + select.add(new Option(text = key, value = key)); + } } \ No newline at end of file -- GitLab