Reformatted the code and added streamlit_folium to the requirements

app.py

@@ -3,6 +3,7 @@ from leafmap import pmtiles_style
 import rioxarray
 import geopandas as gpd
 import streamlit as st
+import streamlit_folium
 
 
 st.set_page_config(layout="wide", page_title="Huggingface Toy", page_icon="❦")
@@ -46,51 +47,54 @@ m = leafmap.Map(center=[41, -69], zoom=5)
 #     zoom_to_layer=False,
 # )
 m.add_pmtiles(
-    eurocrops_pmtiles, name="euro crops", style=ec_style, overlay=True, show=True, zoom_to_layer=False
+    eurocrops_pmtiles,
+    name="euro crops",
+    style=ec_style,
+    overlay=True,
+    show=True,
+    zoom_to_layer=False,
 )
 
+# TODO: automate getting the polygon from the figrue
+# TODO: Calculate some metrics given the area.
+# TODO: add a raster to the toy
+# TODO: Change calculation depending on what layers are present
+# TODO: Dynamically check the center of the map and change what's displayed depending on that.
 
-polygon_ex ='{"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":[[[-6.108398,40.780541],[-6.108398,54.342149],[15.908203,54.342149],[15.908203,40.780541],[-6.108398,40.780541]]]}}'
-code_ex = '''
+polygon_ex = '{"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":[[[-6.108398,40.780541],[-6.108398,54.342149],[15.908203,54.342149],[15.908203,40.780541],[-6.108398,40.780541]]]}}'
+code_ex = """
 m.add_gdf(geo, layer_name="selection")
-'''
+"""
 
 
 ## Map controls sidebar
 with st.sidebar:
-    '''
+    """
         # Map controls
             
         ###  Polygon selector
-    '''
-    
-    polygon = st.text_area(
-        label = "geometry",
-        value = polygon_ex, 
-        height = 400)
-    '''
+    """
+
+    polygon = st.text_area(label="geometry", value=polygon_ex, height=400)
+    """
     ### python code for map layer:
     adjust options or add additional layers using leafmap
-    '''
-    code = st.text_area(
-        label = "code:",
-        value = code_ex, 
-        height = 400)
+    """
+    code = st.text_area(label="code:", value=code_ex, height=400)
 
 # Here we actually compute the total carbon in the requested polygon
 geo = gpd.read_file(polygon, driver='GeoJSON')
 geo.set_crs('epsg:4326')
 x = (
-        rioxarray.
-        open_rasterio('/vsicurl/'+deforest, masked=True).
-        rio.clip(geo.geometry.values, geo.crs, from_disk=True).
-        mean()
+    rioxarray.open_rasterio("/vsicurl/" + deforest, masked=True)
+    .rio.clip(geo.geometry.values, geo.crs, from_disk=True)
+    .mean()
 )
 value = x
 
 
 "### Average of tons of carbon lost:"
-st.write(f'{value:,}')
+st.write(f"{value:,}")
 st.divider()
 
 # run whatever python code is in the python box, just for fun
@@ -98,10 +102,11 @@ eval(compile(code, "<string>", "exec"))
 m.to_streamlit(height=700)
 
 "## Explore Further"
-st.write('''
+st.write("""
 To modify the map, add code to the `code` section in the sidebar to the left. Some examples of code to add are below.
-''')
-st.code('''
+""")
+
+st.code("""
 # Show deforested areas:
 
 m.add_cog_layer(
@@ -123,7 +128,7 @@ m.add_cog_layer(
     opacity=0.5,
     zoom_to_layer=False,
 )
-''')
+""")
 
 
 """

requirements.txt

@@ -4,3 +4,4 @@ leafmap
 rioxarray
 geopandas
 streamlit
+streamlit_folium