[毕设记录]streamlit调用folium地图点击后返回坐标

用这个demo来收集一些数据

接上一篇，用百度地图那个js传输数据太头疼了
参考了很多文章：Intro to custom components、用Python开发web应用——Streamlit框架解析：3 – 组件、Python调用百度地图API实现路径规划提取真实距离、时间 、使用Python调用百度地图的API在地图上添加标记 and so on

但还是没解决，遂弃坑转战folium

import streamlit as st
import folium
from streamlit_folium import st_folium

# 创建 Streamlit 应用
def main():
    st.title('Click on the map to get coordinates')

    # 创建 Folium 地图
    folium_map = folium.Map(location=[37.539, 122.087], zoom_start=16)

    # 添加点击事件
    folium_map.add_child(folium.LatLngPopup())

    # 在 Streamlit 中显示 Folium 地图
    output = st_folium(folium_map, width=700, height=500)

    # 如果有点击事件，显示经纬度
    if output['last_clicked']:
        st.write('点击位置的经纬度为:')
        st.write(f"纬度: {output['last_clicked']['lat']}, 经度: {output['last_clicked']['lng']}")

if __name__ == '__main__':
    main()

本篇参考：

• https://github.com/renhai-lab/Map_of_Chinese_Landscape_Architecture
• 使用 Python 地图绘制工具 – folium 全攻略
• 在python中调用高德地图(Amap)api
• Python绘制交互式地图知识全攻略

---

噢对了，今天又犯了一个以前犯过的错误…浪费了好多时间