Generate missing imported sheet outline

Components/Pages/Home.razor

@@ -161,7 +161,7 @@
                                 <input id="gisFileInput" type="file" accept=".kml,.kmz,.geojson,.json,application/vnd.google-earth.kml+xml,application/vnd.google-earth.kmz,application/geo+json" />
                             </label>
                             <label class="toggle-line project-save-option">
-                                <input type="checkbox" checked="@IncludeKmlSheetLayer" @onchange="ToggleKmlSheetLayer" />
+                                <input type="checkbox" @bind="IncludeKmlSheetLayer" @bind:after="ApplyKmlSheetLayerOption" />
                                 <span>KML/KMZ: includi anche il layer del foglio</span>
                             </label>
                             <small class="field-help">
@@ -170,7 +170,7 @@
                                     : "Disattivato: importa solo i poligoni delle particelle riconosciute.")
                             </small>
                             <label class="toggle-line project-save-option">
-                                <input type="checkbox" checked="@ShowImportedSheetLayer" @onchange="ToggleImportedSheetLayer" />
+                                <input type="checkbox" @bind="ShowImportedSheetLayer" @bind:after="ApplyImportedSheetLayerVisibility" />
                                 <span>Mostra cornice/layer del foglio importato</span>
                             </label>
                             <small class="field-help">La cornice grande resta separata dalle particelle e puo essere nascosta anche nei progetti salvati.</small>
@@ -206,7 +206,7 @@
                         </section>
                     </section>
                 }
-                else if (ActiveTab == "projects")
+                else if (ActiveTab == "save")
                 {
                     <section class="panel-content">
                         <section class="panel-section">
@@ -255,6 +255,11 @@
                             <small class="field-help">KML e KMZ sono compatibili con Google Earth. Gli sfondi satellitari e il WMS non vengono incorporati nel file vettoriale.</small>
                         </section>
 
+                    </section>
+                }
+                else if (ActiveTab == "projects")
+                {
+                    <section class="panel-content">
                         <section class="panel-section">
                             <h2>Salva progetto</h2>
                             <label>
@@ -286,6 +291,23 @@
                             </div>
                             <div class="project-archive-state">@ProjectArchiveMessage</div>
                         </section>
+
+                        <section class="panel-section">
+                            <h2>Visualizzazione progetto</h2>
+                            <label class="toggle-line project-save-option">
+                                <input type="checkbox" @bind="ShowImportedSheetLayer" @bind:after="ApplyImportedSheetLayerVisibility" />
+                                <span>Mostra cornice/layer del foglio importato</span>
+                            </label>
+                            <small class="field-help">Il comando agisce subito sulla mappa e sui dati del progetto caricato.</small>
+                            <label class="toggle-line project-save-option">
+                                <input type="checkbox" checked="@ShowImportedMeasurements" @onchange="ToggleImportedMeasurements" />
+                                <span>Mostra misure dei file caricati</span>
+                            </label>
+                            <label class="toggle-line project-save-option">
+                                <input type="checkbox" checked="@ShowDrawingMeasurements" @onchange="ToggleDrawingMeasurements" />
+                                <span>Mostra misure dei disegni</span>
+                            </label>
+                        </section>
                     </section>
                 }
                 else if (ActiveTab == "settings")
@@ -385,7 +407,8 @@
             <button class="@(ActiveTab == "map" || ActiveTab == "search" ? "active" : null)" @onclick='() => SelectTab("map")'>Mappa</button>
             <button class="@(ActiveTab == "cadastre" ? "active" : null)" @onclick='() => SelectTab("cadastre")'>Catasto</button>
             <button class="@(ActiveTab == "data" ? "active" : null)" @onclick='() => SelectTab("data")'>Dati</button>
-            <button class="@(ActiveTab == "projects" ? "active" : null)" @onclick='() => SelectTab("projects")'>Salvataggio</button>
+            <button class="@(ActiveTab == "projects" ? "active" : null)" @onclick='() => SelectTab("projects")'>Progetti</button>
+            <button class="@(ActiveTab == "save" ? "active" : null)" @onclick='() => SelectTab("save")'>Salvataggio</button>
             <button class="@(ActiveTab == "settings" ? "active" : null)" @onclick='() => SelectTab("settings")'>Impostazioni</button>
         </nav>
     </section>
@@ -451,7 +474,8 @@
     {
         "cadastre" => "Ricerca catastale",
         "data" => "Dati e disegni",
-        "projects" => "Salvataggio ed esportazione",
+        "projects" => "Archivio progetti",
+        "save" => "Salvataggio ed esportazione",
         "settings" => "Impostazioni",
         _ => string.Empty
     };
@@ -460,7 +484,8 @@
     {
         "cadastre" => "Regione, Comune, Foglio, Particella",
         "data" => "File GIS, misure e POI",
-        "projects" => "Progetti e file GIS",
+        "projects" => "Salva, apri e visualizza i tuoi lavori",
+        "save" => "Esporta file GIS",
         "settings" => "Mappa, GPS e servizi ufficiali",
         _ => string.Empty
     };
@@ -948,18 +973,16 @@
     }
     private Task AddProjectMarker() => JS.InvokeVoidAsync("lmeMap.addProjectMarker", PoiName).AsTask();
 
-    private async Task ToggleKmlSheetLayer(ChangeEventArgs args)
+    private async Task ApplyKmlSheetLayerOption()
     {
-        IncludeKmlSheetLayer = (bool?)args.Value == true;
         ShowImportedSheetLayer = IncludeKmlSheetLayer;
         await JS.InvokeVoidAsync("lmeMap.setIncludeKmlSheetLayer", IncludeKmlSheetLayer);
         await JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer);
     }
 
-    private async Task ToggleImportedSheetLayer(ChangeEventArgs args)
+    private Task ApplyImportedSheetLayerVisibility()
     {
-        ShowImportedSheetLayer = (bool?)args.Value == true;
-        await JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer);
+        return JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer).AsTask();
     }
 
     private async Task ToggleImportedMeasurements(ChangeEventArgs args)

LMEMappeCatastaliApp.csproj

@@ -28,8 +28,8 @@
         <ApplicationId>com.companyname.lmemappecatastaliapp</ApplicationId>
 
         <!-- Versions -->
-        <ApplicationDisplayVersion>0.2.13</ApplicationDisplayVersion>
-        <ApplicationVersion>17</ApplicationVersion>
+        <ApplicationDisplayVersion>0.2.16</ApplicationDisplayVersion>
+        <ApplicationVersion>20</ApplicationVersion>
 
         <!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
         <WindowsPackageType>None</WindowsPackageType>

README.md

@@ -18,7 +18,7 @@ App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata pe
 - Misure permanenti attivabili anche sui layer importati da KML, KMZ e GeoJSON.
 - Toolbar di disegno completa di icone, modifica, eliminazione singola e pulizia di tutti i disegni/POI.
 - Archivio multiprogetto nella cartella privata dell'app, con nome, selezione da elenco, sovrascrittura ed eliminazione.
-- Tab `Salvataggio` con esportazione selettiva dell'intera mappa in GeoJSON, KML o KMZ: dati importati, cornici/fogli, particelle catastali rosse, disegni, cerchi, POI e traccia GPS.
+- Tab distinti `Progetti` e `Salvataggio`: il primo gestisce archivio e opzioni live di visualizzazione, il secondo esporta selettivamente l'intera mappa in GeoJSON, KML o KMZ.
 - Ogni progetto salva file GIS, POI, disegni, traccia, inquadratura e tutte le opzioni di visualizzazione: sfondo, layer catastali, trasparenza, misure, foglio importato, barra strumenti e preferenze GPS.
 - GPS nativo MAUI ad alta precisione con permessi Android/iOS.
 - Centratura automatica una tantum all'apertura: prima tramite posizione approssimativa della connessione Internet, poi tramite singola lettura GPS se la rete non restituisce una posizione; nessun punto o cerchio viene mostrato e il tracking continuo non viene avviato.

Services/AzureMapsService.cs

@@ -13,7 +13,7 @@ public sealed class AzureMapsService
 
     public AzureMapsService()
     {
-        _httpClient.DefaultRequestHeaders.UserAgent.ParseAdd("LMEMappeCatastali/0.2.13");
+        _httpClient.DefaultRequestHeaders.UserAgent.ParseAdd("LMEMappeCatastali/0.2.16");
         _httpClient.DefaultRequestHeaders.Accept.ParseAdd("application/json");
     }
 

Services/NetworkLocationService.cs

@@ -13,7 +13,7 @@ public sealed class NetworkLocationService
 
     public NetworkLocationService()
     {
-        httpClient.DefaultRequestHeaders.UserAgent.ParseAdd("LMEMappeCatastali/0.2.13");
+        httpClient.DefaultRequestHeaders.UserAgent.ParseAdd("LMEMappeCatastali/0.2.16");
     }
 
     public async Task<NetworkLocationSnapshot?> GetApproximateLocationAsync(

wwwroot/css/app.css

@@ -674,7 +674,7 @@ label {
     left: 0;
     z-index: 1200;
     display: grid;
-    grid-template-columns: repeat(5, minmax(0, 1fr));
+    grid-template-columns: repeat(6, minmax(0, 1fr));
     height: var(--nav-height);
     padding-bottom: env(safe-area-inset-bottom);
     border-top: 1px solid #bcc7cd;
@@ -801,7 +801,8 @@ footer {
     }
 
     .bottom-tabs button {
-        font-size: 11px;
+        padding: 0 2px;
+        font-size: 10px;
     }
 
     .wms-preview {
@@ -823,6 +824,6 @@ footer {
     }
 
     .bottom-tabs button {
-        font-size: 10px;
+        font-size: 9px;
     }
 }

wwwroot/js/lme-map.js

@@ -132,6 +132,8 @@ function init() {
     });
 
     lmeState.currentBase = lmeState.baseLayers.satellite.addTo(lmeState.map);
+    const importedSheetPane = lmeState.map.createPane("importedSheetPane");
+    importedSheetPane.style.zIndex = "520";
     lmeState.imported = L.featureGroup().addTo(lmeState.map);
     lmeState.importedSheets = L.featureGroup();
     lmeState.drawings = L.featureGroup().addTo(lmeState.map);
@@ -469,23 +471,9 @@ function bindFileImport() {
         try {
             const result = await readGisFile(file);
             const geojson = result.geojson;
-            const parcelLayer = L.geoJSON(geojson, {
-                style: { color: "#22c55e", weight: 3, opacity: 0.95, fillOpacity: 0.18 },
-                pointToLayer: (feature, latlng) => L.circleMarker(latlng, { radius: 7, color: "#22c55e", fillColor: "#ffffff", fillOpacity: 0.9 }),
-                onEachFeature: (feature, layer) => {
-                    const name = feature?.properties?.name || file.name;
-                    layer.bindPopup(`<strong>${escapeHtml(name)}</strong>`);
-                }
-            }).addTo(lmeState.imported);
+            const parcelLayer = addImportedFeatures(geojson);
             const sheetGeojson = result.sheetGeojson || emptyFeatureCollection();
-            const sheetLayer = L.geoJSON(sheetGeojson, {
-                style: { color: "#15803d", weight: 3, opacity: 0.85, fillOpacity: 0.04, dashArray: "9 7" },
-                pointToLayer: (feature, latlng) => L.circleMarker(latlng, { radius: 6, color: "#15803d", fillOpacity: 0.25 }),
-                onEachFeature: (feature, layer) => {
-                    const name = feature?.properties?.name || "Foglio catastale importato";
-                    layer.bindPopup(`<strong>${escapeHtml(name)}</strong>`);
-                }
-            }).addTo(lmeState.importedSheets);
+            const sheetLayer = addImportedSheetFeatures(sheetGeojson);
             applyImportedSheetVisibility();
             fitLayer(geojson.features.length ? parcelLayer : sheetLayer);
             refreshImportedMeasurements();
@@ -901,13 +889,76 @@ function setIncludeKmlSheetLayer(enabled) {
 function setImportedSheetLayerVisible(enabled) {
     migrateMisclassifiedImportedSheets();
     lmeState.importedSheetsVisible = Boolean(enabled);
+    const generated = lmeState.importedSheetsVisible && ensureImportedSheetOutline();
     applyImportedSheetVisibility();
     const count = lmeState.importedSheets?.toGeoJSON()?.features?.length || 0;
     setInfo(lmeState.importedSheetsVisible
-        ? (count ? `Layer del foglio importato visibile (${count} elementi).` : "Il layer del foglio sara visibile quando verra importato.")
+        ? (count
+            ? `${generated ? "Cornice generata dai dati importati" : "Layer del foglio importato visibile"} (${count} elementi).`
+            : "Nessun dato importato da cui ricavare la cornice del foglio.")
         : "Layer del foglio importato nascosto; le particelle restano visibili.");
 }
 
+function ensureImportedSheetOutline() {
+    if (!lmeState.imported || !lmeState.importedSheets) {
+        return false;
+    }
+
+    const currentSheets = lmeState.importedSheets.toGeoJSON();
+    const hasAreaOutline = (currentSheets.features || []).some(feature =>
+        ["Polygon", "MultiPolygon"].includes(feature?.geometry?.type));
+    if (hasAreaOutline) {
+        return false;
+    }
+
+    const imported = lmeState.imported.toGeoJSON();
+    const points = collectGeoJsonCoordinates(imported);
+    if (!points.length) {
+        return false;
+    }
+
+    const bounds = points.reduce((result, point) => ({
+        west: Math.min(result.west, point[0]),
+        south: Math.min(result.south, point[1]),
+        east: Math.max(result.east, point[0]),
+        north: Math.max(result.north, point[1])
+    }), { west: Infinity, south: Infinity, east: -Infinity, north: -Infinity });
+    if (!Number.isFinite(bounds.west)
+        || !Number.isFinite(bounds.south)
+        || bounds.east <= bounds.west
+        || bounds.north <= bounds.south) {
+        return false;
+    }
+
+    const longitudePadding = Math.max((bounds.east - bounds.west) * 0.01, 0.000001);
+    const latitudePadding = Math.max((bounds.north - bounds.south) * 0.01, 0.000001);
+    const west = bounds.west - longitudePadding;
+    const south = bounds.south - latitudePadding;
+    const east = bounds.east + longitudePadding;
+    const north = bounds.north + latitudePadding;
+    addImportedSheetFeatures({
+        type: "FeatureCollection",
+        features: [{
+            type: "Feature",
+            properties: {
+                name: "Cornice del foglio importato",
+                _lmeGeneratedSheetOutline: true
+            },
+            geometry: {
+                type: "Polygon",
+                coordinates: [[
+                    [west, south],
+                    [east, south],
+                    [east, north],
+                    [west, north],
+                    [west, south]
+                ]]
+            }
+        }]
+    });
+    return true;
+}
+
 function migrateMisclassifiedImportedSheets() {
     if (!lmeState.imported || !lmeState.importedSheets) {
         return 0;
@@ -942,11 +993,14 @@ function addImportedFeatures(geojson) {
 
 function addImportedSheetFeatures(geojson) {
     return L.geoJSON(geojson || emptyFeatureCollection(), {
-        style: { color: "#15803d", weight: 3, opacity: 0.85, fillOpacity: 0.04, dashArray: "9 7" },
+        pane: "importedSheetPane",
+        style: { color: "#f59e0b", weight: 4, opacity: 1, fillOpacity: 0.03, dashArray: "10 6" },
         pointToLayer: (feature, latlng) => L.circleMarker(latlng, {
-            radius: 6,
-            color: "#15803d",
-            fillOpacity: 0.25
+            pane: "importedSheetPane",
+            radius: 7,
+            color: "#f59e0b",
+            fillColor: "#ffffff",
+            fillOpacity: 0.85
         }),
         onEachFeature: bindStoredFeaturePopup
     }).addTo(lmeState.importedSheets);
@@ -960,8 +1014,7 @@ function applyImportedSheetVisibility() {
         if (!lmeState.map.hasLayer(lmeState.importedSheets)) {
             lmeState.importedSheets.addTo(lmeState.map);
         }
-        lmeState.importedSheets.bringToBack();
-        lmeState.imported.bringToFront();
+        lmeState.importedSheets.bringToFront();
         return;
     }
     if (lmeState.map.hasLayer(lmeState.importedSheets)) {
@@ -1578,6 +1631,9 @@ function loadProjectSnapshot(raw, projectName) {
         lmeState.importedSheetsVisible = projectDisplayOptions
             ? Boolean(projectDisplayOptions.importedSheetsVisible)
             : data.schemaVersion >= 2 && Boolean(data.importedSheetsVisible);
+        if (lmeState.importedSheetsVisible) {
+            ensureImportedSheetOutline();
+        }
         applyImportedSheetVisibility();
         L.geoJSON(data.selectedParcels || emptyFeatureCollection(), {
             style: { color: "#ef4444", weight: 4, opacity: 1, fillColor: "#fbbf24", fillOpacity: 0.26 },