diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3993c60..55268fe 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { PageData } from "./$types";
+	import { page } from "$app/stores";
 	import L from "leaflet";
 
 	import "leaflet/dist/leaflet.css";
@@ -12,6 +13,8 @@
 
 	let { data }: Props = $props();
 
+	const hidden = !$page.url.searchParams.has("debug");
+
 	const lignes = data.lines;
 	const point = L.latLng(45.75388713, 4.84715287);
 
@@ -64,11 +67,11 @@
 	}
 </script>
 
-<div class="banner">
+<div class="banner" {hidden}>
 	<span>distance: {distance}, points: {points}</span>
 </div>
 
-<div class="banner">
+<div class="banner" {hidden}>
 	<label>lines: <input type="checkbox" bind:checked={lines} /></label>
 	<label>labels: <input type="checkbox" bind:checked={labels} /></label>
 </div>