PyCafe - Streamlit - Creating Interactive Map Apps with Streamlit on Py.cafe

app.py
requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import streamlit as st
import numpy as np
import pandas as pd
import leafmap.foliumap as leafmap


print("\x1b[1;92mStreamlit script running...\x1b[0m")

st.title("streamlit on pycafe")

st.markdown(
    """
Py.cafe is a platform that allows you to create, run, edit, and share Python applications directly in your browser. There's
no need for any installation; it works with just a single click.
            
And now, you can use Streamlit on py.cafe! Streamlit is a popular Python library for creating web applications with simple
Python scripts. You can create interactive web applications with just a few lines of code.

"""
)

st.header("Example components")


st.subheader("Text input")
name = st.text_input("Your name?")
st.write("Hello,", name or "world", "!")


m = leafmap.Map()
m.split_map(
    left_layer='ESA WorldCover 2020 S2 FCC', right_layer='ESA WorldCover 2020'
)
m.add_legend(title='ESA Land Cover', builtin_legend='ESA_WorldCover')
m.to_streamlit(height=500)
#這段為建置分割的圖台展示

st.subheader("Slider")
value = st.slider("Value?")
st.write("The slider value is", value)


st.subheader("Chart sample")
chart_data = pd.DataFrame(np.random.randn(20, 3), columns=["a", "b", "c"])
st.area_chart(chart_data)


st.subheader("DataFrame sample")
df = pd.DataFrame(np.random.randn(50, 20), columns=("col %d" % i for i in range(20)))
st.dataframe(df)  # Same as st.write(df)


st.subheader("Camera and image")
if st.checkbox("Show camera"):
    picture = st.camera_input("Take a picture")

    if picture:
        st.image(picture)


st.markdown(
    """
### Useful links:
            
* [Streamlit official website](https://streamlit.io/)
* [Streamlit documentation](https://docs.streamlit.io/)

### Alternatives
            
Also take a look at [stlite](https://edit.share.stlite.net/), a similar platform that allows you to create, run, edit, and share Python applications directly in your browser.
            
Py.cafe runs an unmodified version of streamlit, compared to stlite which has some modifications to make it work in the browser.

### Community

 * [Py.cafe Discord](https://discord.gg/RpwWnFV3Dv)
 * [Streamlit community forum](https://discuss.streamlit.io/)
"""
)


m = leafmap.Map(minimap_control=True)#建置小縮圖
m.add_basemap("OpenTopoMap")
m.to_streamlit(height=500) #轉為html
Py.Cafe

streamlit-pycafe-interactive-map-apps

Creating Interactive Map Apps with Streamlit on Py.cafe
