ffhb/freifunkmanager
ffhb
/
freifunkmanager
mirror of https://github.com/FreifunkBremen/freifunkmanager.git
1
0
Fork 0
Code Issues Releases Wiki Activity

map: save list of enabled layers in localStorage

This commit is contained in:
Oliver Gerlich 2018-07-22 21:56:00 +02:00
parent f02b047f9a
commit 444d80f77e
1 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
webroot/js/view/map.js
View File

@ -28,17 +28,46 @@ export class MapView extends View {
this.geoJsonLayer = L.geoJson.ajax(config.map.geojson.url, config.map.geojson);
this.geoJsonLayer.name = "geojson";
this.nodeLayer = L.layerGroup();
this.nodeLayer.name = "nodes";
/* eslint-disable new-cap */
this.clientLayer24 = L.webGLHeatmap(config.map.heatmap.wifi24);
this.clientLayer24.name = "clientLayer24";
this.clientLayer5 = L.webGLHeatmap(config.map.heatmap.wifi5);
this.clientLayer5.name = "clientLayer5";
/* eslint-enable new-cap */
layerControl.addOverlay(this.geoJsonLayer, 'geojson');
layerControl.addOverlay(this.nodeLayer, 'Nodes');
layerControl.addOverlay(this.clientLayer24, 'Clients 2.4 Ghz');
layerControl.addOverlay(this.clientLayer5, 'Clients 5 Ghz');
this.nodeLayer.addTo(this.map);
var enabledLayersStr = localStorage.getItem("mapLayers");
if (enabledLayersStr == null) {
// fall back to default list of enabled layers:
enabledLayersStr = [this.nodeLayer.name].join();
}
const enabledLayers = enabledLayersStr.split(",");
for (var i = 0; i < enabledLayers.length; i++) {
const layerName = enabledLayers[i];
for (var j = 0; j < layerControl._layers.length; j++) {
if (layerControl._layers[j].layer.name == layerName) {
layerControl._layers[j].layer.addTo(this.map);
break;
}
}
}
this.map.on({
overlayadd: (e) => {
this.saveMapSelection();
},
overlayremove: (e) => {
this.saveMapSelection();
}
});
window.addEventListener('resize', () => {
this.el.style.height = `${window.innerHeight - WINDOW_HEIGHT_MENU}px`;
@ -46,6 +75,16 @@ export class MapView extends View {
});
}
saveMapSelection () {
var enabledLayers = [];
this.map.eachLayer((layer) => {
if (layer.name) {
enabledLayers.push(layer.name);
}
});
localStorage.setItem("mapLayers", enabledLayers.join());
}
addNode (node) {
/* eslint-disable-line https://github.com/Leaflet/Leaflet/issues/4484
if(node.node_id === draggingNodeID){