Use MAPS_API_KEY env secret for Google Maps embed

frontend/components/hospital_map.py

@@ -1,6 +1,7 @@
 """
 Hospital Map Component for DermaScan AI
 """
+import os
 import streamlit as st
 
 
@@ -10,17 +11,28 @@ def render_hospital_map(result, selected_city, selected_state):
 
     search_query = result.get("hospital_search_query", "dermatologist near me")
     full_query = f"{search_query} in {selected_city}, {selected_state}, India"
-    maps_url = "https://www.google.com/maps/search/" + full_query.replace(" ", "+")
+    encoded_query = full_query.replace(" ", "+")
+    maps_url = "https://www.google.com/maps/search/" + encoded_query
 
     st.markdown(
         f'<div class="pro-card">'
         f"<h3>🏥 Find {hosp_type}</h3>"
         f"<p>📍 Searching in: <strong>{location}</strong></p>"
-        f'<p style="color:#94a3b8;font-size:0.9rem;">Click the button below to find nearby specialists on Google Maps.</p>'
         f"</div>",
         unsafe_allow_html=True,
     )
 
+    api_key = os.environ.get("MAPS_API_KEY", "")
+    if api_key:
+        embed_url = f"https://www.google.com/maps/embed/v1/search?key={api_key}&q={encoded_query}"
+        st.markdown(
+            f'<iframe width="100%" height="450" style="border:0;border-radius:12px;" '
+            f'src="{embed_url}" allowfullscreen loading="lazy"></iframe>',
+            unsafe_allow_html=True,
+        )
+    else:
+        st.info("Set the MAPS_API_KEY secret in HF Space settings to enable the embedded map.")
+
     st.link_button(
         f"🗺️ Open Google Maps — {hosp_type}",
         maps_url,
@@ -36,3 +48,13 @@ def render_hospital_map(result, selected_city, selected_state):
             emer_html += f"<p>📞 {label}: <b>{num}</b></p>"
         emer_html += "</div>"
         st.markdown(emer_html, unsafe_allow_html=True)
+
+    st.markdown("")
+
+    emergency = result.get("emergency_numbers", {})
+    if emergency:
+        emer_html = '<div class="emergency-card"><h4>🚨 Emergency Contacts</h4>'
+        for label, num in emergency.items():
+            emer_html += f"<p>📞 {label}: <b>{num}</b></p>"
+        emer_html += "</div>"
+        st.markdown(emer_html, unsafe_allow_html=True)