feat: add initial map with lines

src/routes/+page.svelte

@@ -1,2 +1,31 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<script lang="ts">
+	import 'leaflet/dist/leaflet.css';
+	import lignes from './lignes.json';
+
+	import L from 'leaflet';
+
+	function createMap(node: HTMLElement) {
+		const map = L.map(node).setView([45.76, 4.832], 13);
+
+		L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+			maxZoom: 19,
+			attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+		}).addTo(map);
+
+		lignes.features.forEach((feature) => {
+			const color = 'rgb(' + feature.properties.couleur.replaceAll(' ', ',') + ')';
+
+			// @ts-ignore
+			L.geoJSON(feature, { style: { color } }).addTo(map);
+		});
+	}
+</script>
+
+<div class="map" use:createMap></div>
+
+<style>
+	.map {
+		height: 800px;
+		width: 100%;
+	}
+</style>

src/routes/+page.ts

@@ -0,0 +1 @@
+export const ssr = false;