Update app.py

app.py

@@ -1,50 +1,32 @@
 import streamlit as st
 import requests
+from streamlit_javascript import st_js_eval
 
 st.title("📍 Get Your Device Location")
 
-# Inject JavaScript to get location from the browser
-get_location_js = """
-<script>
-navigator.geolocation.getCurrentPosition(
-    (position) => {
-        const coords = position.coords.latitude + "," + position.coords.longitude;
-        document.getElementById("location-data").value = coords;
-        document.getElementById("submit-btn").click();
-    },
-    (error) => {
-        alert("Geolocation not available. Please allow location access.");
-    }
-);
-</script>
-"""
+st.write("Click the button below to get your **real device location** (not server location).")
 
-# Hidden input field to store coordinates
-st.markdown('<input type="hidden" id="location-data">', unsafe_allow_html=True)
+# Use JavaScript to fetch location
+location = st_js_eval(js_expressions="navigator.geolocation.getCurrentPosition((pos) => pos.coords.latitude + ',' + pos.coords.longitude)", key="get_location")
 
-# Create a form to capture location data
-with st.form("location_form"):
-    location = st.text_input("Your Coordinates", key="location", disabled=True)
-    submitted = st.form_submit_button("Submit")  # Fixed: Removed 'key' argument
+if location:
+    st.success("✅ Location Retrieved!")
+    lat, lon = location.split(",")
 
-# Run the JavaScript when the user clicks the button
-st.markdown(get_location_js, unsafe_allow_html=True)
+    # Reverse Geocoding using OpenStreetMap (Nominatim API)
+    def get_address(lat, lon):
+        url = f"https://nominatim.openstreetmap.org/reverse?format=json&lat={lat}&lon={lon}"
+        response = requests.get(url)
+        if response.status_code == 200:
+            data = response.json()
+            return data.get("display_name", "Address not found")
+        return "Failed to fetch address"
 
-# Reverse Geocoding using OpenStreetMap (Nominatim API)
-def get_address(lat, lon):
-    url = f"https://nominatim.openstreetmap.org/reverse?format=json&lat={lat}&lon={lon}"
-    response = requests.get(url)
-    if response.status_code == 200:
-        data = response.json()
-        return data.get("display_name", "Address not found")
-    return "Failed to fetch address"
-
-# Display the location details
-if submitted and location:
-    lat, lon = map(str.strip, location.split(","))
     address = get_address(lat, lon)
     
-    st.success("Your Location Details:")
     st.write(f"**Latitude:** {lat}")
     st.write(f"**Longitude:** {lon}")
     st.write(f"**Address:** {address}")
+else:
+    st.warning("Click the button and allow location access!")
+