Update app.py

app.py

@@ -1,7 +1,6 @@
-import streamlit as st
+import gradio as gr
 import folium
 from folium.plugins import MarkerCluster
-from streamlit_folium import st_folium  # Change here: import st_folium instead of folium_static
 import googlemaps
 from datetime import datetime
 import os
@@ -51,56 +50,61 @@ def search_medical_centers(query, location, radius=10000):
     places_result = gmaps.places_nearby(location, radius=radius, type='hospital', keyword=query)
     return places_result.get('results', [])
 
-# Driving Directions Sidebar
-st.sidebar.header('Directions 🚗')
-source_location = st.sidebar.text_input("Source Location", "Honolulu, HI")
-destination_location = st.sidebar.text_input("Destination Location", "Maui, HI")
-if st.sidebar.button('Get Directions'):
+# Function to get directions and display on Gradio UI
+def get_route_and_medical_centers(source_location, destination_location, medical_center_query, location_input):
+    # Fetch the directions for the route
     steps, coords = get_directions_and_coords(source_location, destination_location)
+    
     if steps and coords:
-        st.subheader('Driving Directions:')
-        for i, step in enumerate(steps):
-            st.write(f"{i+1}. {step['html_instructions']}")
-        st.subheader('Route on Map:')
-        m1 = render_folium_map(coords)
-        st_folium(m1)  # Changed here to use st_folium instead of folium_static
+        route_info = [f"{i+1}. {step['html_instructions']}" for i, step in enumerate(steps)]
+        m = render_folium_map(coords)
     else:
-        st.write("No available routes.")
+        route_info = "No available routes."
+        m = folium.Map(location=[20, 0], zoom_start=2)  # Default map if no route
+    
+    # Fetch nearby medical centers if the location input is provided
+    if location_input and medical_center_query:
+        # Fetch the coordinates of the source location using Google Geocoding
+        geocode_result = gmaps.geocode(location_input)
+        if geocode_result:
+            location_coords = geocode_result[0]['geometry']['location']
+            lat, lon = location_coords['lat'], location_coords['lng']
+            
+            # Fetch nearby medical centers in Hawaii
+            medical_centers = search_medical_centers(medical_center_query, (lat, lon))
+            
+            if medical_centers:
+                for center in medical_centers:
+                    name = center['name']
+                    vicinity = center.get('vicinity', 'N/A')
+                    rating = center.get('rating', 'N/A')
+                    folium.Marker([center['geometry']['location']['lat'], center['geometry']['location']['lng']], 
+                                  popup=f"{name}\n{vicinity}\nRating: {rating}").add_to(m)
+            else:
+                route_info.append("No medical centers found matching your query.")
+        else:
+            route_info.append("Could not retrieve location coordinates.")
+    
+    # Return both the route info and the map
+    return "\n".join(route_info), m
 
-# Medical Center Search Section
-st.markdown("### 🏥 Search for Medical Centers in Hawaii 🗺️")
-medical_center_query = st.text_input("Enter Medical Center Name or Specialty", "Hawaii Medical Center")
-location_input = st.text_input("Enter your location (within Hawaii)", "Honolulu, HI")
+# Gradio UI components
+source_location_input = gr.inputs.Textbox(default="Honolulu, HI", label="Source Location")
+destination_location_input = gr.inputs.Textbox(default="Maui, HI", label="Destination Location")
+medical_center_query_input = gr.inputs.Textbox(default="Hawaii Medical Center", label="Medical Center Query")
+location_input = gr.inputs.Textbox(default="Honolulu, HI", label="Your Location")
 
-if location_input and medical_center_query:
-    # Fetch the coordinates of the source location using Google Geocoding
-    geocode_result = gmaps.geocode(location_input)
-    if geocode_result:
-        location_coords = geocode_result[0]['geometry']['location']
-        lat, lon = location_coords['lat'], location_coords['lng']
-        
-        # Fetch nearby medical centers in Hawaii
-        medical_centers = search_medical_centers(medical_center_query, (lat, lon))
-        
-        if medical_centers:
-            st.subheader('Found Medical Centers:')
-            for center in medical_centers:
-                name = center['name']
-                vicinity = center.get('vicinity', 'N/A')
-                rating = center.get('rating', 'N/A')
-                st.write(f"**{name}** - {vicinity} - Rating: {rating}")
-                
-                # Initialize the map object here before adding markers
-                if 'm2' not in locals():
-                    m2 = folium.Map(location=[lat, lon], zoom_start=13)
-                
-                # Add marker for each medical center on map
-                folium.Marker([center['geometry']['location']['lat'], center['geometry']['location']['lng']], 
-                              popup=f"{name}\n{vicinity}\nRating: {rating}").add_to(m2)
+# Output components
+route_info_output = gr.outputs.Textbox(label="Driving Directions")
+map_output = gr.outputs.HTML(label="Map with Route and Medical Centers")
 
-            # Render the map with medical centers
-            st_folium(m2)  # Changed here to use st_folium instead of folium_static
-        else:
-            st.write("No medical centers found matching your query.")
-    else:
-        st.write("Could not retrieve location coordinates.")
+# Create Gradio interface
+iface = gr.Interface(
+    fn=get_route_and_medical_centers,  # Function to call
+    inputs=[source_location_input, destination_location_input, medical_center_query_input, location_input],  # Inputs
+    outputs=[route_info_output, map_output],  # Outputs
+    live=True  # Update outputs live as inputs change
+)
+
+# Launch Gradio interface
+iface.launch()