fix it

app.py

@@ -177,15 +177,24 @@ m.add_gdf(
     zoom_to_layer=True,
     style_function=lambda x: {"color": "red", "fillOpacity": 0.0},
 )
-m.to_streamlit(height=height)
 
 # Metrics
-stats_df = pd.DataFrame()
+stats_df = pd.DataFrame(index=[0])
 stats_df["Points"] = str(json.loads(geometry_gdf.to_crs(4326).to_json())["features"][0]["geometry"]["coordinates"])
 stats_df["Centroid"] = geometry_gdf.centroid.to_crs(4326).item()
 stats_df["Area (ha)"] = geometry_gdf.geometry.area.item() / 10000
 stats_df["Perimeter (m)"] = geometry_gdf.geometry.length.item()
+centroid_lon = stats_df["Centroid"].item().xy[0][0]
+centroid_lat = stats_df["Centroid"].item().xy[1][0]
 
+centroid_gdf = gpd.GeoDataFrame(geometry=[stats_df["Centroid"].item()], crs="EPSG:4326")
+m.add_gdf(
+    centroid_gdf,
+    layer_name="Centroid",
+    style_function=lambda x: {"color": "blue", "fillOpacity": 0.0},
+    zoom_to_layer=False,
+)
+m.to_streamlit(height=height)
 st.write("<h3><div style='text-align: center;'>Geometry Metrics</div></h3>", unsafe_allow_html=True)
 #     st.markdown(
 #         f"""| Metric | Value |
@@ -193,8 +202,7 @@ st.write("<h3><div style='text-align: center;'>Geometry Metrics</div></h3>", uns
 # | Area (ha) | {stats_df['Area (ha)'].item():.2f} ha|
 # | Perimeter (m) | {stats_df['Perimeter (m)'].item():.2f} m |"""
 #     unsafe_allow_html=True)
-centroid_lon = stats_df["Centroid"].item().xy[0][0]
-centroid_lat = stats_df["Centroid"].item().xy[1][0]
+
 centroid_url = f"http://maps.google.com/maps?q={centroid_lat},{centroid_lon}&layer=satellite"
 st.markdown(
     f"""