fixing errors

app.py

@@ -4,6 +4,8 @@ from sqlalchemy import create_engine, text
 from sshtunnel import SSHTunnelForwarder
 import os
 import tempfile
+import folium
+from streamlit_folium import st_folium
 
 # --- Config ---
 st.set_page_config(page_title="GPS Map Viewer", layout="wide")
@@ -19,7 +21,6 @@ MYSQL_USER = st.secrets["MYSQL_USER"]
 MYSQL_PASSWORD = st.secrets["MYSQL_PASSWORD"]
 MYSQL_DB = st.secrets["DB_NAME"]
 MYSQL_PORT = int(st.secrets["MYSQL_PORT"])
-GOOGLE_MAPS_API_KEY = st.secrets["GOOGLE_MAPS_API_KEY"]
 
 # --- SSH Key File ---
 with tempfile.NamedTemporaryFile(delete=False, suffix=".pem") as temp_file:
@@ -55,33 +56,15 @@ def load_gps_data():
 
 gps_data = load_gps_data()
 
-# --- Display Map ---
+# --- Display Map using folium ---
 if not gps_data.empty:
-    # Convert to JS array
-    points_js = gps_data.to_dict(orient="records")
-    st.components.v1.html(f"""
-    <div id="map" style="height: 90vh; width: 100%;"></div>
-    <script src="https://maps.googleapis.com/maps/api/js?key={GOOGLE_MAPS_API_KEY}"></script>
-    <script>
-        const points = {points_js};
-        function initMap() {{
-            const map = new google.maps.Map(document.getElementById("map"), {{
-                zoom: 14,
-                center: {{ lat: points[0].latitude, lng: points[0].longitude }},
-                mapTypeId: 'roadmap'
-            }});
-            const path = points.map(p => new google.maps.LatLng(p.latitude, p.longitude));
-            new google.maps.Polyline({{
-                path,
-                geodesic: true,
-                strokeColor: "#FF0000",
-                strokeOpacity: 1.0,
-                strokeWeight: 2,
-                map: map
-            }});
-        }}
-        window.onload = initMap;
-    </script>
-    """, height=700)
+    start_lat = gps_data.iloc[0]["latitude"]
+    start_lon = gps_data.iloc[0]["longitude"]
+
+    m = folium.Map(location=[start_lat, start_lon], zoom_start=14)
+    points = gps_data[["latitude", "longitude"]].values.tolist()
+    folium.PolyLine(points, color="red", weight=3).add_to(m)
+
+    st_folium(m, width=700, height=600)
 else:
     st.info("No GPS data available.")

requirements.txt

@@ -1,4 +1,7 @@
+streamlit
 sshtunnel
 sqlalchemy
 pymysql
-streamlit
+pandas
+folium
+streamlit-folium