fix issues

app.py

@@ -8,8 +8,8 @@ import leafmap.foliumap as leafmap
 # wide streamlit display
 st.set_page_config(layout="wide")
 
-query_params = st.query_params()
-file_url = query_params.get("file_url", [None])[0]
+file_url = st.query_params.get("file_url", [None])
+print(f"{file_url=}")
 
 if file_url:
     if file_url.startswith("https://drive.google.com/file/d/"):
@@ -27,10 +27,11 @@ if file_url:
 
     m = leafmap.Map()
     m.add_wms_layer(
-        "https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/GoogleMapsCompatible/MapServer/tile/56450/{z}/{y}/{x}"
+        "https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/GoogleMapsCompatible/MapServer/tile/56450/{z}/{y}/{x}",
+        layers="0",
     )
     m.add_gdf(
-        geometry_gdf,
+        geometry_gdf.to_crs(epsg=4326),
         layer_name="Geometry",
         zoom_to_layer=True,
         style_function=lambda x: {"color": "red", "fillOpacity": 0.0},
@@ -39,17 +40,41 @@ if file_url:
 
     # Metrics
     stats_df = pd.DataFrame()
-    stats_df.loc["Points"] = json.loads(geometry_gdf.to_crs(4326).to_json())["features"][0]["geometry"]["coordinates"]
-    stats_df.loc["Area (ha)"] = geometry_gdf.geometry.area.item() / 10000
-    stats_df.loc["Perimeter (m)"] = geometry_gdf.geometry.length.item()
+    stats_df["Points"] = json.loads(geometry_gdf.to_crs(4326).to_json())["features"][0]["geometry"]["coordinates"]
+    stats_df["Area (ha)"] = geometry_gdf.geometry.area.item() / 10000
+    stats_df["Perimeter (m)"] = geometry_gdf.geometry.length.item()
 
     st.write("<h3><div style='text-align: center;'>Geometry Metrics</div></h3>", unsafe_allow_html=True)
+    #     st.markdown(
+    #         f"""| Metric | Value |
+    # | --- | --- |
+    # | Area (ha) | {stats_df['Area (ha)'].item():.2f} ha|
+    # | Perimeter (m) | {stats_df['Perimeter (m)'].item():.2f} m |"""
+    #     unsafe_allow_html=True)
     st.markdown(
-        f"""| Metric | Value |
-    | --- | --- |
-    | Area (m^2) | {stats_df['Area (m^2)'].item():.2f} m^2 = {stats_df['Area (m^2)'].item()/10000:.2f} ha |
-    | Perimeter (m) | {stats_df['Perimeter (m)'].item():.2f} m |
-    """
+        f"""
+    <div style="display: flex; justify-content: center;">
+        <table>
+            <tr>
+                <th>Metric</th>
+                <th>Value</th>
+            </tr>
+            <tr>
+                <td>Area (ha)</td>
+                <td>{stats_df['Area (ha)'].item():.2f} ha</td>
+            </tr>
+            <tr>
+                <td>Perimeter (m)</td>
+                <td>{stats_df['Perimeter (m)'].item():.2f} m</td>
+            </tr>
+        </table>
+    </div>
+    """,
+        unsafe_allow_html=True,
     )
+
+    csv = stats_df.T.to_csv(index=False)
+    st.download_button("Download Geometry Metrics", csv, "geometry_metrics.csv", "text/csv", use_container_width=True)
+
 else:
     st.warning("Please provide a KML or GeoJSON URL as a query parameter, e.g., `?file_url=<your_file_url>`")