流光地图占据整个背景

Posted 2023-03-29

【中文标题】流光地图占据整个背景

【英文标题】：Streamlit map occupying the entire background

【发布时间】：2021-12-28 00:04:53

【问题描述】：

我目前正在使用 Streamlit 构建一个应用程序，我想绘制一张填充整个背景的地图。有没有办法在 Streamlit 中这样做？我有以下代码：

import streamlit as st
import folium 
from streamlit_folium import folium_static

m = folium.Map(location=[-22.908333, -43.196389], zoom_start=11, tiles='OpenStreetMap')
folium_static(m)

但是生成的地图并没有填满浏览器的所有可用空间。我想填充浏览器可用空间，如下例所示

我在网上找到的例子：

【问题讨论】：

您希望您的整个应用程序看起来像这样吗？左侧有小部件，右侧有小部件？

【参考方案1】：

您可以通过 st.set_page_config(layout="wide") 将 Streamlit 应用设置为使用宽屏模式。

它必须是您进行的第一个 streamlit 调用（即您在导入 streamlit 后做的第一件事）。这将允许您使用整个屏幕。

import streamlit as st
import folium 
from streamlit_folium import folium_static

st.set_page_config(layout="wide")

m = folium.Map(location=[-22.908333, -43.196389], zoom_start=11, tiles='OpenStreetMap')
folium_static(m)

我不知道streamlit_folium，你可能需要增加情节大小