Update pages/HelvetiMap.py

pages/HelvetiMap.py

@@ -76,7 +76,7 @@ class PrintFormatControl(MacroElement):
                     color: "#ff7800",
                     weight: 1,
                     draggable: true
-                }).addTo({{ this._parent.get_name() }});
+                }).addTo(window.drawnItems);
 
                 // Attacher un événement de clic pour afficher le GeoJSON
                 window.rectangleLayer.on('click', function(e) {
@@ -121,6 +121,40 @@ def main():
     drawn_items = folium.FeatureGroup(name="Dessins")
     m.add_child(drawn_items)
 
+    # Ajouter les outils de dessin Leaflet
+    draw_control = Draw(
+        draw_options={
+            "rectangle": True,
+            "polygon": True,
+            "polyline": True,
+            "circle": True,
+            "marker": True
+        },
+        edit_options={"edit": True, "remove": True},
+    )
+    m.add_child(draw_control)
+
+    # Ajouter un bouton d'export GeoJSON
+    export_button = """
+    <button id="export" class="btn btn-primary" style="position:absolute; top:10px; right:10px; z-index:9999;">Export GeoJSON</button>
+    <script>
+    document.getElementById("export").onclick = function() {
+        var data = window.drawnItems.toGeoJSON();
+        var convertedData = 'text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(data));
+        var a = document.createElement('a');
+        a.href = 'data:' + convertedData;
+        a.download = 'data.geojson';
+        a.innerHTML = 'Download GeoJSON';
+
+        var container = document.getElementById('export');
+        container.appendChild(a);
+        a.click();
+        container.removeChild(a);
+    }
+    </script>
+    """
+    m.get_root().html.add_child(folium.Element(export_button))
+
     # Activer le plein écran et les contrôles sur la carte
     Fullscreen().add_to(m)
     folium.LayerControl().add_to(m)