diff --git a/javascript/buffer.js b/javascript/buffer.js index 544bdc1fc3c24e4aaaf4df96685bc1bd61adb6b2..230703a6edee979e72be6b20c8e10d69de7f6240 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 23d150b2f644d5973a1afd30daee89875715953e..f08ff14e4bc787638a7fd98b8d9bcff55ef55b60 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