Update src/streamlit_app.py

src/streamlit_app.py

@@ -2,33 +2,35 @@ import streamlit as st
 import pandas as pd
 from keplergl import KeplerGl
 import streamlit.components.v1 as components
+import os
 
 st.set_page_config(layout="wide")
-st.title("📍 Dubai Footfall – Kepler.gl Interactive Map")
+st.title("📍 Dubai Footfall – Kepler.gl Map Viewer")
 
-# --- Load Data ---
+# --- Load Footfall Data ---
 st.info("📦 Loading footfall data...")
 try:
     df = pd.read_excel("data/jj_with_footfall.xlsx")
     df = df.dropna(subset=["latitude", "longitude"])
     df = df.astype({"latitude": float, "longitude": float})
-    df = df[["latitude", "longitude"]]
     st.success(f"✅ Loaded {len(df)} footfall records.")
 except Exception as e:
     st.error(f"❌ Failed to load footfall data: {e}")
     st.stop()
 
-# --- Render Kepler Map ---
+# --- Save & Render Kepler Map ---
 st.info("🗺️ Rendering Kepler.gl map...")
 try:
-    # Note: we provide data as a dict, not a single dataframe
-    map_ = KeplerGl(height=600, data={"Footfall Points": df})
-    map_.save_to_html("kepler_output.html")
+    # Kepler expects a dictionary {name: DataFrame}
+    kepler_map = KeplerGl(height=600, data={"Footfall": df})
 
-    # Display the HTML inside Streamlit
-    with open("kepler_output.html", "r", encoding="utf-8") as f:
-        html = f.read()
-    components.html(html, height=650)
+    # Save the map to HTML
+    html_path = "kepler_map.html"
+    kepler_map.save_to_html(html_path)
+
+    # Load and display the HTML in Streamlit
+    with open(html_path, "r", encoding="utf-8") as f:
+        components.html(f.read(), height=650)
     st.success("✅ Map rendered successfully.")
 except Exception as e:
     st.error(f"❌ Failed to render Kepler map: {e}")