From cc515fc135ea782b920b54edf668955f3445be42 Mon Sep 17 00:00:00 2001
From: Max Bo <mjbo@canva.com>
Date: Fri, 18 Oct 2024 13:45:48 +1100
Subject: [PATCH] Add leaflet

---
 index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/index.html b/index.html
index 8e82190..b062724 100644
--- a/index.html
+++ b/index.html
@@ -393,6 +393,20 @@ <h3><a href="#tmg" id="tmg"></a>TeX, Markdown, Graphviz, Mermaid</h3>
 });
 </script>
 
+<script type="module" class="echo reflect" id="leaflet" contenteditable="true">
+celine.cell("leaflet", async function* () {
+  const L = await celine.library.L();
+  const container = htl.html`<div id="map" style="height: 300px;"></div>`;
+  yield container;
+
+  const map = L.map(container).setView([-33.8688, 151.2093], 13);
+
+  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+  }).addTo(map);
+});
+</script>
+
 
 <h2><a href="#libertine.css" id="libertine.css"></a>libertine.css</h2>