WIP nc file reading

pages/01_dcascade.py

@@ -2,6 +2,7 @@ import os
 from pathlib import Path
 import shutil
 from typing import Callable, Optional, Union, cast
+import geojson
 # import leafmap
 from ipyleaflet import Map, GeoData, basemaps, LayersControl, ScaleControl, FullScreenControl, WidgetControl, TileLayer, Marker
 import geopandas as gpd
@@ -11,7 +12,7 @@ from leafmap.toolbar import change_basemap
 from solara.components.file_drop import FileInfo
 from dcascade_py import dcascade_py
 import xarray as xr
-
+from shapely.geometry import LineString
 
 zoom = solara.reactive(6)
 center = solara.reactive((20, 0))
@@ -21,6 +22,7 @@ sel_var = solara.reactive("")
 ds = solara.reactive(None)
 feature_properties = solara.reactive(None)
 geo_data = solara.reactive(None)
+sel_feature = solara.reactive(None)
 chart_options = solara.reactive({
         "line": {
             "title": {"text": "Variable"},
@@ -76,6 +78,7 @@ def on_feature_click(feature, **kwargs):
     properties = feature['properties']
     print("Clicked on:", properties)
     feature_properties.set(properties)
+    sel_feature.set(feature)
 
     print("GD",geo_data.value.geo_dataframe)
     for f in geo_data.value.geo_dataframe['FromN']:
@@ -114,9 +117,10 @@ def on_feature_click(feature, **kwargs):
 @solara.component
 def MapComponent():
     # Isolation is required to prevent the map from overlapping navigation (when screen width < 960px)
+    print("RENDERING MAP COMPONENT")
     with solara.Column(style={"isolation": "isolate"}):
 
-        
+        sel_geo_data = None
 
         if not map_loaded.value:
             sel_df = gpd.read_file(os.getcwd()+'/public/deposito.shp')
@@ -126,6 +130,7 @@ def MapComponent():
             geo_data.value.on_click(on_feature_click)
             center.set((geo_df.total_bounds[1], geo_df.total_bounds[0]))
             geo_data.value.style = {'color': 'black', 'fillColor': '#3366cc', 'opacity':0.5, 'weight':3.9, 'dashArray':'2', 'fillOpacity':0.1}
+        print(type(sel_feature.value))
 
         m = Map(center=center.value, zoom = zoom.value, basemap= basemaps.Esri.WorldTopoMap)
         map_type = maps[map_name.value]
@@ -134,18 +139,47 @@ def MapComponent():
         
         m.add(geo_data.value)
         m.add(LayersControl())
-        m.element(  # type: ignore
-            zoom=zoom.value,
-            on_zoom=zoom.set,
-            center=center.value,
-            on_center=center.set,
-            scroll_wheel_zoom=True,
-            layers=[
-                TileLayer.element(url=url),
-                # Marker.element(location=marker_location.value, draggable=True, on_location=location_changed),
-                geo_data.value
-            ]
-        )
+        if sel_feature.value is not None:
+            # print("SEL FEATURE",sel_feature.value)
+            # Extracting the geometry
+            geometry = LineString(sel_feature.value['geometry']['coordinates'])
+
+            # Creating GeoDataFrame
+            gdf = gpd.GeoDataFrame([sel_feature.value['properties']], geometry=[geometry])
+
+            # Set the CRS (Coordinate Reference System) if known
+            gdf.crs = "EPSG:4326"
+            # Set the CRS (Coordinate Reference System) if known
+            sel_geo_data = GeoData(geo_dataframe=gdf)
+            sel_geo_data.style = {'color': 'red', 'fillColor': '#3366cc', 'opacity':0.5, 'weight':15.0, 'dashArray':'5'}
+            
+        if sel_geo_data:    
+            m.element(  # type: ignore
+                zoom=zoom.value,
+                on_zoom=zoom.set,
+                center=center.value,
+                on_center=center.set,
+                scroll_wheel_zoom=True,
+                layers=[
+                    TileLayer.element(url=url),
+                    # Marker.element(location=marker_location.value, draggable=True, on_location=location_changed),
+                    geo_data.value,
+                    sel_geo_data
+                ]
+            )
+        else:
+            m.element(  # type: ignore
+                zoom=zoom.value,
+                on_zoom=zoom.set,
+                center=center.value,
+                on_center=center.set,
+                scroll_wheel_zoom=True,
+                layers=[
+                    TileLayer.element(url=url),
+                    # Marker.element(location=marker_location.value, draggable=True, on_location=location_changed),
+                    geo_data.value
+                ]
+            )
         map_loaded.set(True)
         solara.Select(label="Variable", value=sel_var, values=variables.value, on_value=on_variable_change)
         FigureEcharts(option=chart_options.value["line"])