pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages 1 Wiki Activity

Update map render
Some checks failed
ci/woodpecker/push/build Pipeline failed
Details

Browse source
This commit is contained in:
Alessio Davoli 2023-12-12 19:08:56 +01:00
parent e396ca0dc9
commit 86543619e8
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/lib/components/tabs/MapTab.svelte
View file

@ -12,6 +12,9 @@
let longitude;
let accuracy;
const errorMessage = "Geolocation not available";
const attribution = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';
const openStreetMapTile = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
let errored = false;
const watchPosition = async () => {
@ -59,15 +62,11 @@
});
map.setView(pianelloCoordinates, 13);
map.setMaxBounds(map.getBounds());
leaflet
.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution:
'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
})
.addTo(map);
.tileLayer(openStreetMapTile, {attribution})
.addTo(map);
}
onMount(async () => {
@ -83,10 +82,11 @@
}
});
</script>
{#if !errored}
<div id="map" in:fade bind:this={mapElement} />
<div id="map" in:fade bind:this={mapElement} />
{:else}
{errorMessage}
{errorMessage}
{/if}
<style>