From 935584ad6bda3c3a82a8f7ef6586c7cfd4e2b3b0 Mon Sep 17 00:00:00 2001
From: Gabriel Dehame <gabrieldehame@gmail.com>
Date: Wed, 9 Nov 2022 17:39:17 +0100
Subject: [PATCH] noms des salles mais c'est illisible

---
 src/Map.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Map.js b/src/Map.js
index 3b13f73..a0f3c95 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -4,7 +4,9 @@ import { Popup } from 'react-leaflet/Popup';
 import {Polygon} from 'react-leaflet/Polygon';
 import { LayersControl } from 'react-leaflet/LayersControl'
 import { LayerGroup } from 'react-leaflet/LayerGroup'
+import { Tooltip } from 'react-leaflet/Tooltip'
 import React from 'react';
+import L from 'leaflet';
 import request2 from "./M-GN1-2.json"
 import request3 from "./M-GN1-3.json"
 import request4 from "./M-GN1-4.json"
@@ -46,6 +48,7 @@ function min_max(request)
 function list_polygons(request, center, ratio, ind)
 {
   let polygons = [];
+  let tarace = 0;
   for (const k in request)
   {
     polygons = [...polygons, ((request[k]).map((y) => {
@@ -63,7 +66,7 @@ function list_polygons(request, center, ratio, ind)
           return [(z[1]-center[1])/25, (z[0]-center[0])/25];
         }
       })
-    })).map((x) => {return <Polygon positions={x} key={k} pathOptions={{color: 'grey'}}><Popup>Popup</Popup></Polygon>})];
+    })).map((x) => {tarace = tarace+1; return <Polygon positions={x} key={k} pathOptions={{color: 'grey'}}><Tooltip permanent direction={tarace % 2 === 0 ? "bottom" : "top"}>{k}</Tooltip><Popup>Popup</Popup></Polygon>})];
   }
   return polygons;
 }