steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-10-16 04:18:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix updating overlay opacity

Browse Source
This commit is contained in:
vcoppe
2024-10-14 16:42:05 +02:00
parent 60f24f8757
commit 65cbf5e751
3 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/src/lib/components/layer-control/LayerControl.svelte
View File

@@ -84,18 +84,21 @@
}
function updateOverlays() {
if ($map && $currentOverlays) {
if ($map && $currentOverlays && $opacities) {
let overlayLayers = getLayers($currentOverlays);
try {
let activeOverlays = $map
.getStyle()
.imports.filter((i) => i.id !== 'basemap' && i.id !== 'overlays');
let toRemove = activeOverlays.filter((i) => !overlayLayers[i.id]);
toRemove.forEach((i) => {
$map.removeImport(i.id);
let activeOverlays = $map.getStyle().imports.reduce((acc, i) => {
if (!['basemap', 'overlays', 'glyphs-and-sprite'].includes(i.id)) {
acc[i.id] = i;
}
return acc;
}, {});
let toRemove = Object.keys(activeOverlays).filter((id) => !overlayLayers[id]);
toRemove.forEach((id) => {
$map.removeImport(id);
});
let toAdd = Object.entries(overlayLayers)
.filter(([id, selected]) => selected && !activeOverlays.some((j) => j.id === id))
.filter(([id, selected]) => selected && !activeOverlays.hasOwnProperty(id))
.map(([id]) => id);
toAdd.forEach((id) => {
addOverlay(id);
@@ -106,7 +109,7 @@
}
}
$: if ($map && $currentOverlays) {
$: if ($map && $currentOverlays && $opacities) {
updateOverlays();
}