view on google maps

app.py

@@ -118,8 +118,9 @@ if file_url:
     # | Area (ha) | {stats_df['Area (ha)'].item():.2f} ha|
     # | Perimeter (m) | {stats_df['Perimeter (m)'].item():.2f} m |"""
     #     unsafe_allow_html=True)
-    centroid_x = stats_df["Centroid"].item().xy[0][0]
-    centroid_y = stats_df["Centroid"].item().xy[1][0]
+    centroid_lon = stats_df["Centroid"].item().xy[0][0]
+    centroid_lat = stats_df["Centroid"].item().xy[1][0]
+    centroid_url = f"https://www.google.com/maps/@?api=1&map_action=map&center={centroid_lat},{centroid_lon}&zoom=18&layer=satellite"
     st.markdown(
         f"""
     <div style="display: flex; justify-content: center;">
@@ -128,10 +129,14 @@ if file_url:
                 <th>Metric</th>
                 <th>Value</th>
             </tr>
-            <tr>
-                <td>Centroid</td>
-                <td>({centroid_x:.5f}, {centroid_y:.5f})</td>
-            <tr>
+    <td>Centroid</td>
+    <td>
+    ({centroid_lon:.5f}, {centroid_lat:.5f})
+        <a href="https://www.google.com/maps/@?api=1&map_action=map&center={centroid_lat:.5f},{centroid_lon:.5f}&zoom=12&layer=satellite" target="_blank">
+            <button>View on Google Maps</button>
+        </a>
+    </td>
+</tr>
                 <td>Area (ha)</td>
                 <td>{stats_df['Area (ha)'].item():.2f} ha</td>
             </tr>