Update pages/MipMAP.py

pages/MipMAP.py

@@ -4,7 +4,156 @@ from streamlit_folium import folium_static
 from folium.plugins import Draw, MousePosition
 from branca.element import Template, MacroElement
 
-# ... (le reste du code reste inchangé)
+# Configuration de la page Streamlit
+st.set_page_config(layout="wide", page_title="SwissScape Advanced")
+
+# Formats de papier standard (en mètres)
+PAPER_FORMATS = {
+    "A4": (0.210, 0.297),
+    "A3": (0.297, 0.420),
+    "A2": (0.420, 0.594),
+    "A1": (0.594, 0.841),
+    "A0": (0.841, 1.189),
+}
+
+# Taille du bloc d'impression en mètres
+PRINT_BLOCK_SIZE = 0.4  # 40 cm
+
+class AdvancedMapControl(MacroElement):
+    def __init__(self):
+        super(AdvancedMapControl, self).__init__()
+        self._template = Template("""
+            {% macro script(this, kwargs) %}
+            var advancedMapControl = L.control({position: 'topright'});
+            advancedMapControl.onAdd = function (map) {
+                var div = L.DomUtil.create('div', 'advanced-map-control');
+                div.innerHTML = `
+                    <select id="paper-format">
+                        <option value="A4">A4</option>
+                        <option value="A3">A3</option>
+                        <option value="A2">A2</option>
+                        <option value="A1">A1</option>
+                        <option value="A0">A0</option>
+                    </select>
+                    <input type="number" id="scale" value="1000" min="1" step="100">
+                    <button id="apply-format">Appliquer Format</button>
+                    <button id="calculate-blocks">Calculer Blocs</button>
+                    <div id="block-result"></div>
+                    <button id="export-geojson">Exporter GeoJSON</button>
+                `;
+                L.DomEvent.disableClickPropagation(div);
+                return div;
+            };
+            advancedMapControl.addTo({{ this._parent.get_name() }});
+
+            var rectangle;
+            var grid;
+
+            document.getElementById('apply-format').addEventListener('click', function() {
+                var format = document.getElementById('paper-format').value;
+                var scale = parseInt(document.getElementById('scale').value);
+                var center = {{ this._parent.get_name() }}.getCenter();
+                var paperSizes = {
+                    'A4': [0.210, 0.297],
+                    'A3': [0.297, 0.420],
+                    'A2': [0.420, 0.594],
+                    'A1': [0.594, 0.841],
+                    'A0': [0.841, 1.189]
+                };
+                var size = paperSizes[format];
+                var widthMeters = size[0] * scale;
+                var heightMeters = size[1] * scale;
+                var bounds = [
+                    [center.lat - heightMeters/2/111320, center.lng - widthMeters/2/(111320*Math.cos(center.lat*Math.PI/180))],
+                    [center.lat + heightMeters/2/111320, center.lng + widthMeters/2/(111320*Math.cos(center.lat*Math.PI/180))]
+                ];
+                
+                if (rectangle) {
+                    {{ this._parent.get_name() }}.removeLayer(rectangle);
+                }
+                if (grid) {
+                    {{ this._parent.get_name() }}.removeLayer(grid);
+                }
+                
+                rectangle = L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo({{ this._parent.get_name() }});
+                {{ this._parent.get_name() }}.fitBounds(bounds);
+            });
+
+            document.getElementById('calculate-blocks').addEventListener('click', function() {
+                if (!rectangle) {
+                    alert("Veuillez d'abord dessiner une bbox ou appliquer un format de papier.");
+                    return;
+                }
+                var scale = parseInt(document.getElementById('scale').value);
+                var bounds = rectangle.getBounds();
+                var widthMeters = (bounds.getEast() - bounds.getWest()) * 111320 * Math.cos(bounds.getCenter().lat * Math.PI / 180);
+                var heightMeters = (bounds.getNorth() - bounds.getSouth()) * 111320;
+                
+                var blockSizeMeters = 0.4 * scale;  // 40 cm * scale
+                var blocksX = Math.ceil(widthMeters / blockSizeMeters);
+                var blocksY = Math.ceil(heightMeters / blockSizeMeters);
+                
+                var result = `Blocs nécessaires : ${blocksX} x ${blocksY} (${blocksX * blocksY} au total)`;
+                document.getElementById('block-result').innerText = result;
+
+                if (grid) {
+                    {{ this._parent.get_name() }}.removeLayer(grid);
+                }
+                grid = L.layerGroup().addTo({{ this._parent.get_name() }});
+                
+                var latStep = blockSizeMeters / 111320;
+                var lngStep = blockSizeMeters / (111320 * Math.cos(bounds.getCenter().lat * Math.PI / 180));
+                
+                for (var lat = bounds.getSouth(); lat <= bounds.getNorth(); lat += latStep) {
+                    L.polyline([[lat, bounds.getWest()], [lat, bounds.getEast()]], {color: "#ff7800", weight: 1}).addTo(grid);
+                }
+                for (var lng = bounds.getWest(); lng <= bounds.getEast(); lng += lngStep) {
+                    L.polyline([[bounds.getSouth(), lng], [bounds.getNorth(), lng]], {color: "#ff7800", weight: 1}).addTo(grid);
+                }
+            });
+
+            document.getElementById('export-geojson').addEventListener('click', function() {
+                if (rectangle) {
+                    var bounds = rectangle.getBounds();
+                    var geojson = {
+                        "type": "Feature",
+                        "properties": {
+                            "format": document.getElementById('paper-format').value,
+                            "scale": parseInt(document.getElementById('scale').value),
+                            "printBlockSize": 0.4  // 40 cm in meters
+                        },
+                        "geometry": {
+                            "type": "Polygon",
+                            "coordinates": [[
+                                [bounds.getWest(), bounds.getSouth()],
+                                [bounds.getEast(), bounds.getSouth()],
+                                [bounds.getEast(), bounds.getNorth()],
+                                [bounds.getWest(), bounds.getNorth()],
+                                [bounds.getWest(), bounds.getSouth()]
+                            ]]
+                        }
+                    };
+                    var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(geojson));
+                    var downloadAnchorNode = document.createElement('a');
+                    downloadAnchorNode.setAttribute("href", dataStr);
+                    downloadAnchorNode.setAttribute("download", "export.geojson");
+                    document.body.appendChild(downloadAnchorNode);
+                    downloadAnchorNode.click();
+                    downloadAnchorNode.remove();
+                } else {
+                    alert("Veuillez d'abord dessiner une bbox ou appliquer un format de papier.");
+                }
+            });
+
+            {{ this._parent.get_name() }}.on(L.Draw.Event.CREATED, function (e) {
+                if (rectangle) {
+                    {{ this._parent.get_name() }}.removeLayer(rectangle);
+                }
+                rectangle = e.layer;
+                {{ this._parent.get_name() }}.addLayer(rectangle);
+            });
+            {% endmacro %}
+        """)
 
 def main():
     st.title("SwissScape Advanced")