refresh layers after style change

This commit is contained in:
vcoppe
2024-04-17 12:21:56 +02:00
parent ab0b425243
commit 0c97410c87
2 changed files with 54 additions and 31 deletions

View File

@@ -5,25 +5,31 @@
export let file: GPXFile;
$: if ($map) {
$map.on('load', () => {
function addGPXLayer() {
if (!$map.getSource('gpx')) {
$map.addSource('gpx', {
type: 'geojson',
data: file.toGeoJSON()
});
$map.addLayer({
id: 'gpx',
type: 'line',
source: 'gpx',
layout: {
'line-join': 'round',
'line-cap': 'round'
},
paint: {
'line-color': '#888',
'line-width': 8
}
});
}
$map.addLayer({
id: 'gpx',
type: 'line',
source: 'gpx',
layout: {
'line-join': 'round',
'line-cap': 'round'
},
paint: {
'line-color': '#888',
'line-width': 8
}
});
}
$: if ($map) {
$map.on('style.load', () => {
addGPXLayer();
});
}
</script>