diff --git a/website/src/lib/components/embedding/Embedding.svelte b/website/src/lib/components/embedding/Embedding.svelte index 4464722d5..7a776271b 100644 --- a/website/src/lib/components/embedding/Embedding.svelte +++ b/website/src/lib/components/embedding/Embedding.svelte @@ -45,26 +45,6 @@ settings.initialize(); function applyOptions() { - let downloads: Promise[] = getFilesFromEmbeddingOptions(options).map( - (url) => { - return fetch(url) - .then((response) => response.blob()) - .then((blob) => new File([blob], url.split('/').pop() ?? url)) - .then(loadFile); - } - ); - Promise.all(downloads).then((answers) => { - const files = answers.filter((file) => file !== null) as GPXFile[]; - let ids: string[] = []; - files.forEach((file, index) => { - let id = `gpx-${index}-embed`; - file._data.id = id; - ids.push(id); - }); - fileStateCollection.setEmbeddedFiles(files); - $fileOrder = ids; - selection.selectAll(); - }); if (allowedEmbeddingBasemaps.includes(options.basemap)) { $currentBasemap = options.basemap; } @@ -90,6 +70,27 @@ ].filter((dataset) => dataset !== null) ); elevationFill.set(options.elevation.fill == 'none' ? undefined : options.elevation.fill); + + let downloads: Promise[] = getFilesFromEmbeddingOptions(options).map( + (url) => { + return fetch(url) + .then((response) => response.blob()) + .then((blob) => new File([blob], url.split('/').pop() ?? url)) + .then(loadFile); + } + ); + Promise.all(downloads).then((answers) => { + const files = answers.filter((file) => file !== null) as GPXFile[]; + let ids: string[] = []; + files.forEach((file, index) => { + let id = `gpx-${index}-embed`; + file._data.id = id; + ids.push(id); + }); + fileStateCollection.setEmbeddedFiles(files); + $fileOrder = ids; + selection.selectAll(); + }); } $effect(() => { diff --git a/website/src/lib/logic/bounds.ts b/website/src/lib/logic/bounds.ts index 707d14c30..c912ece13 100644 --- a/website/src/lib/logic/bounds.ts +++ b/website/src/lib/logic/bounds.ts @@ -75,7 +75,7 @@ export class BoundsManager { this._unsubscribes.push( map.subscribe((map_) => { if (!map_) return; - map_.fitBounds(this._bounds, { padding: 80, linear: true, easing: () => 1 }); + map_.fitBounds(this._bounds, { padding: 80, linear: true, animate: false }); this.reset(); }) );