steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-06 02:12:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

manage overlay opacity

Browse Source
This commit is contained in:
vcoppe
2024-06-26 18:46:03 +02:00
parent ac3cd9ecc5
commit a66303cd59
6 changed files with 104 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@
import { Layers } from 'lucide-svelte';
import { basemaps, overlays, opacities } from '$lib/assets/layers';
import { basemaps, overlays } from '$lib/assets/layers';
import { settings } from '$lib/db';
import { map } from '$lib/stores';
import { get, writable } from 'svelte/store';
@@ -19,7 +19,8 @@
currentOverlays,
selectedBasemapTree,
selectedOverlayTree,
customLayers
customLayers,
opacities
} = settings;
$: if ($map) {
@@ -33,6 +34,7 @@
}
$: if ($map && $currentOverlays) {
console.log($currentOverlays);
// Add or remove overlay layers depending on the current overlays
let overlayLayers = getLayers($currentOverlays);
Object.keys(overlayLayers).forEach((id) => {
@@ -79,10 +81,10 @@
type: overlay.type === 'raster' ? 'raster' : 'line',
source: id,
paint: {
...(id in opacities
...(id in $opacities
? overlay.type === 'raster'
? { 'raster-opacity': opacities[id] }
: { 'line-opacity': opacities[id] }
? { 'raster-opacity': $opacities[id] }
: { 'line-opacity': $opacities[id] }
: {})
}
},