Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,113 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
+import geopandas as gpd
+import pandas as pd
+import pydeck as pdk
+import numpy as np
+import osmnx as ox
+from streamlit_folium import st_folium
+import folium
+
+st.set_page_config(layout="wide")
+st.title("🧠 Dubai Digital Twin – Interactive Map")
+
+# --- Sidebar Layer Controls ---
+st.sidebar.title("🗺️ Layer Toggles")
+show_buildings = st.sidebar.checkbox("Show Buildings", True)
+show_malls = st.sidebar.checkbox("Show Malls", True)
+show_footfall = st.sidebar.checkbox("Show Footfall", True)
+show_parks = st.sidebar.checkbox("Show Parks", True)
+show_metro_lines = st.sidebar.checkbox("Show Metro Lines", True)
+show_metro_stations = st.sidebar.checkbox("Show Metro Stations", True)
+show_move_sim = st.sidebar.checkbox("Simulate Entity Movement", True)
+
+# --- Legend ---
+st.sidebar.markdown("---")
+st.sidebar.markdown("### 📌 Legend")
+st.sidebar.markdown("- 🏗️ Buildings: Gray")
+st.sidebar.markdown("- 🛍️ Malls: Blue / Green / Orange")
+st.sidebar.markdown("- 🌳 Parks: Green")
+st.sidebar.markdown("- 📊 Footfall: Red")
+st.sidebar.markdown("- 🚇 Metro Lines: Blue Line")
+st.sidebar.markdown("- 🚉 Metro Stations: Yellow Dot")
+
+# --- Load Dubai Boundary ---
+st.subheader("🌍 Getting Dubai boundary...")
+try:
+    dubai = ox.geocode_to_gdf("Dubai, United Arab Emirates")
+    dubai_polygon = dubai.geometry.values[0]
+    bounds = dubai_polygon.bounds
+    west, south, east, north = bounds[0], bounds[1], bounds[2], bounds[3]
+    bbox = (west, south, east, north)
+    st.success("✅ Dubai boundary fetched.")
+except Exception as e:
+    st.error(f"❌ Boundary fetch failed: {e}")
+    st.stop()
+
+# --- Real Data Sources ---
+try:
+    malls = ox.features_from_bbox(bbox, tags={"shop": "mall"})
+    malls_points = malls[malls.geometry.type == "Point"]
+
+    parks = ox.features_from_bbox(bbox, tags={"leisure": "park"})
+    parks_points = parks[parks.geometry.type == "Point"]
+
+    metro_stations = ox.features_from_bbox(bbox, tags={"railway": "station"})
+    metro_station_points = metro_stations[metro_stations.geometry.type == "Point"]
+
+    footfall = pd.read_excel("data/jj_with_footfall.xlsx")
+except Exception as e:
+    st.warning(f"⚠️ OSM or data file fetch failed: {e}")
+
+# --- Movement Simulation Map ---
+if show_move_sim:
+    st.subheader("🎯 Simulate Object Movement")
+    fmap = folium.Map(location=[25.2048, 55.2708], zoom_start=12)
+
+    # Malls
+    for _, row in malls_points.iterrows():
+        folium.Marker(
+            location=[row.geometry.y, row.geometry.x],
+            popup=f"Mall: {row.get('name', 'Unnamed')} (Drag me)",
+            tooltip=row.get('name', 'Mall'),
+            draggable=True,
+            icon=folium.Icon(color="blue", icon="shopping-cart", prefix="fa")
+        ).add_to(fmap)
+
+    # Parks
+    for _, row in parks_points.iterrows():
+        folium.Marker(
+            location=[row.geometry.y, row.geometry.x],
+            popup=f"Park: {row.get('name', 'Unnamed')} (Drag me)",
+            tooltip=row.get('name', 'Park'),
+            draggable=True,
+            icon=folium.Icon(color="green", icon="tree", prefix="fa")
+        ).add_to(fmap)
+
+    # Metro Stations
+    for _, row in metro_station_points.iterrows():
+        folium.Marker(
+            location=[row.geometry.y, row.geometry.x],
+            popup=f"Metro Station: {row.get('name', 'Unnamed')} (Drag me)",
+            tooltip=row.get('name', 'Metro'),
+            draggable=True,
+            icon=folium.Icon(color="orange", icon="train", prefix="fa")
+        ).add_to(fmap)
+
+    # Footfall points
+    if show_footfall:
+        for _, row in footfall.dropna(subset=["latitude", "longitude"]).iterrows():
+            folium.CircleMarker(
+                location=[row["latitude"], row["longitude"]],
+                radius=4,
+                color="red",
+                fill=True,
+                fill_opacity=0.6,
+                tooltip="Footfall"
+            ).add_to(fmap)
+
+    moved = st_folium(fmap, width=1000, height=600)
 
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+    if moved and moved.get("last_object_clicked"):
+        lat = moved["last_object_clicked"]["lat"]
+        lon = moved["last_object_clicked"]["lng"]
+        st.success(f"📍 New Position: {lat}, {lon}")