feat: ajoute carte JIPLI

src/jipli/index.md

@@ -21,11 +21,43 @@ Nous vous invitons à contacter les élus pour leur proposer de se joindre à l
 
 Nous vous invitons à contacter les médias en leur envoyant le communiqué de presse (en cours de rédaction).
 
-Liste des manifestations recensées :
-- [Lille](./lille/)
-- [Nantes](./nantes/)
-- [Lyon](./lyon/)
-- [Toulouse](./toulouse/)
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+     crossorigin=""/>
+ <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+     crossorigin=""></script>
+
+ <div id="map"></div>
+
+<style>
+#map { height: 580px; }
+</style>
+
+<script>
+var jiplis = [
+    ["Grenoble", [45.32939, 5.56226], "./grenoble"],
+    ["Lille", [50.66951, 3.12905], "./lille"],
+    ["Lyon", [45.74809, 4.8376], "./lyon"],
+    ["Nantes", [47.23959, -1.55524], "./nantes"],
+    ["Toulouse", [43.59305, 1.43507], "./toulouse"],
+];
+
+var map = L.map('map').setView([47.14, 2.54], 6);
+L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    maxZoom: 19,
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+}).addTo(map);
+
+jiplis.forEach(([endroit, coords, lien]) => {
+    L.marker(coords)
+    .bindPopup(`<a href="${lien}">${endroit}</a>`)
+    .addTo(map);
+});
+
+</script>
+
+
 
 Enfin, nous vous remercions de partager votre manifestation afin de la recenser et permettre à celles et ceux qui souhaiteraient se joindre (ou aux médias) de savoir s’il y a une JIPLI organisée dans leur académie.