frontend/src/lib/components/Tabs.svelte

@@ -41,7 +41,7 @@
 		<button id="desc">Descrizione</button>
 		<button id="map">Mappa</button>
 	</div>
-	<div class="tab" bind:this={ref} role="tab">
+	<div class="tab" bind:this={ref}>
 		<svelte:component this={component} route={route} />
 	</div>
 </div>

frontend/src/lib/components/tabs/MapTab.svelte

@@ -12,9 +12,6 @@
 	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 () => {
@@ -62,10 +59,14 @@
 		});
 
 		map.setView(pianelloCoordinates, 13);
+
 		map.setMaxBounds(map.getBounds());
 
 		leaflet
-			.tileLayer(openStreetMapTile, {attribution})
+			.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+				attribution:
+					'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+			})
 		.addTo(map);
 	}
 
@@ -82,11 +83,10 @@
 		}
 	});
 </script>
-
 {#if !errored}
-	<div id="map" in:fade bind:this={mapElement} />
+<div id="map" in:fade bind:this={mapElement} />
 {:else}
-	{errorMessage}
+{errorMessage}
 {/if}
 
 <style>