Web Geolocation API to Get User's Location

aghasemi · February 4, 2021, 10:36am

Hi,

Is there a way to use, or a plan to implement the web Geolocation API for asking the user’s location and continue processing based on that?

Thanks

ash2shukla · February 4, 2021, 2:11pm

Hey @aghasemi ,

Yep, just use streamlit-bokeh-events with this bunch of code and it works pretty well

github.com

ash2shukla/streamlit-bokeh-events/blob/master/example/custom_js.py

import streamlit as st
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}}))
        }
    )
    """))
result = streamlit_bokeh_events(
    loc_button,
    events="GET_LOCATION",
    key="get_location",
    refresh_on_update=False,
    override_height=75,
    debounce_time=0)

This file has been truncated. show original

PS. you can execute any custom js this way on a event and get the value in the callback without writting a full component

Hope it helps !

aghasemi · February 4, 2021, 2:10pm

That really deserves more publicity!

And many thanks.