Update app.py

app.py

@@ -205,33 +205,25 @@ interventions_df = parse_gg_sheet(INTERVENTIONS_URL)
 interventions_df = add_latlng_col(interventions_df, process_column=12)
 
 # Get current location: 
-
-# Add unique id to the input element
-st.markdown('<input id="localisation" type="text" style="display:none;">', unsafe_allow_html=True)
-
-js_code = """
-function getLocation() {
-    navigator.geolocation.getCurrentPosition(function (position) {
-        document.getElementById("localisation").value = JSON.stringify({
-            latitude: position.coords.latitude,
-            longitude: position.coords.longitude
-        });
-        document.getElementById("localisation").dispatchEvent(new Event('input', { 'bubbles': true }));
-    }, function () {
-        document.getElementById("localisation").value = JSON.stringify({
-            latitude: null,
-            longitude: null
-        });
-        document.getElementById("localisation").dispatchEvent(new Event('input', { 'bubbles': true }));
-    });
-}
-getLocation();
-console.log(localisation);
-"""
-st.markdown(f"<script>{js_code}</script>", unsafe_allow_html=True)
-
-# Hidden field to store the JavaScript variable
-current_localisation = st.text_input("localisation", "", key="localisation", label_visibility="hidden")
+from bokeh.models.widgets import Button
+from bokeh.models import CustomJS
+from streamlit_bokeh_events import streamlit_bokeh_events
+
+loc_button = Button(label="Get Location")
+loc_button.js_on_event("button_click", CustomJS(code="""
+    navigator.geolocation.getCurrentPosition(
+        (loc) => {
+            document.dispatchEvent(new CustomEvent("GET_LOCATION", {detail: {lat: loc.coords.latitude, lon: loc.coords.longitude}}))
+        }
+    )
+    """))
+current_localisation = streamlit_bokeh_events(
+    loc_button,
+    events="GET_LOCATION",
+    key="get_location",
+    refresh_on_update=False,
+    override_height=75,
+    debounce_time=0)
 
 m = init_map(current_localisation=current_localisation)