求助：Streamlit应用（含移动端）获取真实地理位置的解决方案

问题原因 #

你用geocoder.ip('me')得到的是服务器IP的归属地（比如Streamlit Cloud的服务器位于美国俄勒冈州），而非用户设备的实际位置。IP定位的偏差源于IP地址的映射基于ISP注册信息，且如果用户使用VPN/代理，或者应用部署在云端，IP定位完全无法反映真实位置。

解决方案：利用浏览器Geolocation API #

浏览器的Geolocation API可以直接调用设备的GPS（移动端）或WiFi定位（桌面端），精度远高于IP定位，且支持所有现代浏览器（包括移动端）。下面是结合st.button实现的完整方案：

完整代码示例 #

import streamlit as st
from streamlit.components.v1 import html

def init_session_state():
    if "lat" not in st.session_state:
        st.session_state.lat = None
    if "lon" not in st.session_state:
        st.session_state.lon = None

def render_geo_button():
    # 嵌入JavaScript实现地理位置获取
    geo_html = """
    <script>
    function requestLocation() {
        if (!navigator.geolocation) {
            alert("你的浏览器不支持地理位置服务");
            return;
        }
        
        navigator.geolocation.getCurrentPosition(
            (pos) => {
                // 将经纬度通过URL参数传回Streamlit
                const lat = pos.coords.latitude;
                const lon = pos.coords.longitude;
                const newUrl = new URL(window.parent.location);
                newUrl.searchParams.set('lat', lat);
                newUrl.searchParams.set('lon', lon);
                window.parent.location.href = newUrl.toString();
            },
            (err) => {
                switch(err.code) {
                    case err.PERMISSION_DENIED:
                        alert("你拒绝了位置权限请求，无法获取位置");
                        break;
                    case err.POSITION_UNAVAILABLE:
                        alert("无法获取当前位置信息");
                        break;
                    case err.TIMEOUT:
                        alert("获取位置请求超时，请重试");
                        break;
                    default:
                        alert("获取位置时发生未知错误");
                }
            },
            { enableHighAccuracy: true, timeout: 10000 }
        );
    }
    document.getElementById("geo-btn").addEventListener("click", requestLocation);
    </script>
    <button id="geo-btn" style="padding: 8px 16px; cursor: pointer;">获取我的精准位置</button>
    """
    html(geo_html, height=60)

def load_location_from_params():
    query_params = st.experimental_get_query_params()
    if "lat" in query_params and "lon" in query_params:
        try:
            st.session_state.lat = float(query_params["lat"][0])
            st.session_state.lon = float(query_params["lon"][0])
            # 清除URL参数避免重复读取
            st.experimental_set_query_params()
        except ValueError:
            st.error("位置参数解析失败，请重试")

# 初始化应用
st.title("精准地理位置获取工具")
init_session_state()
load_location_from_params()
render_geo_button()

# 展示获取到的位置
if st.session_state.lat and st.session_state.lon:
    st.success(f"已获取到你的位置：\n纬度：{st.session_state.lat:.4f}\n经度：{st.session_state.lon:.4f}")
    # 用Streamlit内置地图展示位置
    st.map(data={"lat": [st.session_state.lat], "lon": [st.session_state.lon]})

代码说明 #

1. 权限处理：JavaScript会检查浏览器是否支持Geolocation API，并处理用户拒绝权限、定位超时等异常情况。
2. 高精度定位：通过enableHighAccuracy: true参数请求最高精度的位置数据（移动端开启GPS后精度可达几米）。
3. 数据传递：获取到经纬度后，通过修改URL查询参数的方式将数据传回Streamlit，避免跨域问题。
4. 状态存储：使用st.session_state保存经纬度，防止页面刷新后数据丢失。

使用注意事项 #

• 用户需要在浏览器中允许位置权限（移动端需允许浏览器访问定位服务）。
• 该方法依赖浏览器的Geolocation API，需确保用户使用Chrome、Safari、Firefox等现代浏览器。
• 若用户处于室内且未开启GPS，会自动切换为WiFi定位，精度约为几十米到几百米。

内容的提问来源于stack exchange，提问作者PeCaDe