maplibre

app.py

@@ -1,3 +1,4 @@
+# +
 # -*- coding: utf-8 -*-
 # Licensed under the Apache License, Version 2.0 (the "License");
 # you may not use this file except in compliance with the License.
@@ -11,20 +12,50 @@
 # See the License for the specific language governing permissions and
 # limitations under the License.
 
-import leafmap.foliumap as leafmap
+# +
 import streamlit as st
+import streamlit.components.v1 as components
+import base64
+import leafmap.maplibregl as leafmap
 import altair as alt
 import ibis
 from ibis import _
 import ibis.selectors as s
 
-st.set_page_config(layout="wide", page_title="Protected Areas Explorer", page_icon=":globe:")
+from typing import Optional
+def to_streamlit(
+    self,
+    width: Optional[int] = None,
+    height: Optional[int] = 600,
+    scrolling: Optional[bool] = False,
+    **kwargs,
+    ):
+
+    try:
+        import streamlit.components.v1 as components
+        import base64
+
+        raw_html = self.to_html().encode("utf-8")
+        raw_html = base64.b64encode(raw_html).decode()
+        return components.iframe(
+            f"data:text/html;base64,{raw_html}",
+            width=width,
+            height=height,
+            scrolling=scrolling,
+            **kwargs,
+        )
+
+    except Exception as e:
+        raise Exception(e)
+
+
+
+
 
+# +
 #pad_pmtiles = "https://data.source.coop/cboettig/pad-us-3/pad-stats.pmtiles"
 #parquet = "https://data.source.coop/cboettig/pad-us-3/pad-stats.parquet"
-#pad_pmtiles = "https://huggingface.co/spaces/boettiger-lab/pad-us/resolve/main/pad-stats.pmtiles"
-#parquet = "https://huggingface.co/spaces/boettiger-lab/pad-us/resolve/main/pad-stats.parquet"
-pad_pmtiles = "https://huggingface.co/datasets/boettiger-lab/pad-us-3/resolve/main/pad-stats-subset.pmtiles"
+pad_pmtiles = "https://huggingface.co/datasets/boettiger-lab/pad-us-3/resolve/main/pad-stats.pmtiles"
 parquet = "https://huggingface.co/datasets/boettiger-lab/pad-us-3/resolve/main/pad-stats.parquet"
 
 
@@ -42,6 +73,7 @@ style_choice = "Manager Type"
 us_lower_48_area_m2 = 7.8e+12
 
 
+# +
 ## Helper functions
 
 #@st.cache_resource
@@ -115,14 +147,7 @@ def pad_style(paint, alpha):
 
 
 
-
-'''
-# US Protected Area Database Explorer
-
-'''
-
-
-m = leafmap.Map(center=[35, -100], zoom=4, layers_control=True)
+# +
 
 custom_style = '''
 "blue"
@@ -220,7 +245,7 @@ style_options = {
 
 code_ex='''
 m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_expansion_100m_cog.tif",
-                palette="oranges", name="Cropland Expansion", transparent_bg=True, opacity = 0.7, zoom_to_layer=False)
+                palette="oranges", name="Cropland Expansion", transparent_bg=True, opacity = 0.7, fit_bounds=False)
 '''
 
 
@@ -249,21 +274,46 @@ justice40_style = {
 }
 
 
+bil_url = "https://huggingface.co/datasets/boettiger-lab/pad-us-3/resolve/main/bil.geojson"
+bil_fill = {
+    "fill-extrusion-color": {
+        "property": "AtlasCateg",
+        "type": "categorical",
+        "stops": [
+        ["America the Beautiful Challenge Grants", "orange"],
+        ["Clean Energy and Power", "gray"],
+        ["Environmental Remediation", "green"],
+        ["Resilience and Ecosystem Restoration", "purple"],
+        ["Water Infrastructure", "blue"]
+        ],
+    },
+    #"fill-extrusion-height": ["*", .01, ["get", "FundingAmo"]],
+    "fill-extrusion-height": ["*", 50, ["sqrt", ["get", "FundingAmo"]]],
+    "fill-extrusion-opacity": 0.9,
+}
 
 
 # +
-## Map controls sidebar
+st.set_page_config(layout="wide", page_title="Protected Areas Explorer", page_icon=":globe:")
 
+'''
+# US Protected Area Database Explorer
+
+'''
+
+m = leafmap.Map(style="positron")
+
+# +
 with st.sidebar:
 
-    if st.toggle("Protected Areas", True):
-        
-        style_choice = st.radio("Color by:", style_options)
-        alpha = st.slider("transparency", 0.0, 1.0, 0.5)
-        style = pad_style(style_options[style_choice], alpha)
-        m.add_pmtiles(pad_pmtiles, name="Protected Areas (PAD-US-3)", style=style, overlay=True, show=True, zoom_to_layer=False)
-        ## Add legend based on selected style?
-        # m.add_legend(legend_dict=legend_dict)
+    
+    with st.expander("🗺 Basemaps"):
+        # radio selector would make more sense
+        if st.toggle("Topography"):
+            m.add_basemap("Esri.WorldShadedRelief")
+        if st.toggle("Satellite"):
+            m.add_basemap("Esri.WorldImagery")
+
 
     with st.expander("🦜 Biodiversity"):
         if st.toggle("Species Richness", False):
@@ -280,62 +330,50 @@ with st.sidebar:
                             opacity=0.9
                             )
             #m.add_cog_layer("https://data.source.coop/cboettig/mobi/range-size-rarity-all/RSR_All.tif",
-            #                palette="greens", name="Range-Size Rarity", transparent_bg=True, opacity = 0.9, zoom_to_layer=False)
+            #                palette="greens", name="Range-Size Rarity", transparent_bg=True, opacity = 0.9, fit_bounds=False)
     with st.expander("⛅ Carbon & Climate"):
         if st.toggle("Carbon Lost (2002-2022)"):
             m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/deforest_carbon_100m_cog.tif",
-                            palette="reds", name="Carbon Lost (2002-2022)", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+                            palette="reds", name="Carbon Lost (2002-2022)", transparent_bg=True, opacity = 0.8, fit_bounds=False)
         
         if st.toggle("Irrecoverable Carbon"):
             m.add_cog_layer("https://data.source.coop/cboettig/carbon/cogs/irrecoverable_c_total_2018.tif",
-                            palette="purples", name="Irrecoverable Carbon", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+                            palette="purples", name="Irrecoverable Carbon", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
         if st.toggle("Manageable Carbon"):
             m.add_cog_layer("https://data.source.coop/cboettig/carbon/cogs/manageable_c_total_2018.tif",
-                            palette="greens", name="Manageable Carbon", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+                            palette="greens", name="Manageable Carbon", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
     with st.expander("🚜 Human Impacts"):
 
         if st.toggle("Human Impact"):
             hi="https://data.source.coop/vizzuality/hfp-100/hfp_2021_100m_v1-2_cog.tif"
-            m.add_cog_layer(hi, palette="purples", name="Human Impact", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+            m.add_cog_layer(hi, palette="purples", name="Human Impact", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
         if st.toggle("cropland expansion"):
-            m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_expansion_100m_cog.tif",
-                            palette="greens", name="cropland expansion", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+            m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_expansion_100m_cog.tif",)
+                         #   palette="greens", name="cropland expansion", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
         if st.toggle("Biodiversity Intactness Loss"):
             m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_bii_100m_cog.tif",
-                            palette="reds", name="biodiversity intactness loss", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
+                            palette="reds", name="biodiversity intactness loss", transparent_bg=True, opacity = 0.8, fit_bounds=False)
     
         if st.toggle("Forest Integrity Loss"):
             m.add_cog_layer("https://data.source.coop/vizzuality/lg-land-carbon-data/natcrop_fii_100m_cog.tif",
-                            palette="reds", name="forest integrity loss", transparent_bg=True, opacity = 0.8, zoom_to_layer=False)
-
-    with st.expander("⚖ Equity and Justice"):
-        if st.toggle("Climate & Economic Justice"):
-            m.add_pmtiles(justice40, name="Climate & Economic Justice", style = justice40_style, overlay=True, show=True, zoom_to_layer=False)
-
-    with st.expander("🔥 Wildfire"):
-        # Fire Polygons, USGS
-        if st.toggle("Fire boundaries"):
-            usgs = "https://data.source.coop/cboettig/fire/usgs-mtbs.pmtiles"
-            fire_style = {
-                "version": 8,
-                "sources": {
-                    "source1": {
-                        "type": "vector",
-                        "url": "pmtiles://" + usgs,
-                        "attribution": "USGS"}},
-                "layers": [{
-                        "id": "usgs",
-                        "source": "source1",
-                        "source-layer": "mtbs_perims_DD",
-                        "type": "fill",
-                        "paint": {"fill-color": "#FFA500", "fill-opacity": 0.4}}]}
-            m.add_pmtiles(usgs, name="Fire", style=fire_style, overlay=True, show=True, zoom_to_layer=False)
+                            palette="reds", name="forest integrity loss", transparent_bg=True, opacity = 0.8, fit_bounds=False)
 
+    if st.toggle("Protected Areas", True):
+        
+        style_choice = st.radio("Color by:", style_options)
+        alpha = st.slider("transparency", 0.0, 1.0, 0.5)
+        style = pad_style(style_options[style_choice], alpha)
+        m.add_pmtiles(pad_pmtiles, style=style, visible=True, opacity=alpha, tooltip=True)
 
+
+    with st.expander("💰 Conservation Investment"):
+        if st.toggle("Bipartisan Infrastructure Law"):
+            m.add_geojson(bil_url, layer_type="fill-extrusion", paint=bil_fill, name="BIL", fit_bounds=False)
+    
     with st.expander("💻 Custom code"):
         if st.toggle("Custom map layers"):
             
@@ -353,15 +391,9 @@ with st.sidebar:
 #                           "custom"]
 #    )
 
-    with st.expander("🗺 Basemaps"):
-        # radio selector would make more sense
-        if st.toggle("Topography"):
-            m.add_basemap("Esri.WorldShadedRelief")
-        if st.toggle("Satellite"):
-            m.add_basemap("Esri.WorldImagery")
-        
-   
-    
+
+# +
+  
 # Map radio buttons to corresponding column:
 select_column = {
                 "GAP Status Code": "gap_code",
@@ -391,16 +423,19 @@ colors = (ibis
          )
 
 
+# +
+
+
 main = st.container()
 
 with main:
     map_col, stats_col = st.columns([2,1])
 
     with map_col:
-        m.to_streamlit(height=700)
+        to_streamlit(m, height=700)
 
     df = summary_table(column, colors)
-    total_percent = df.percent_protected.sum()
+    total_percent = df.percent_protected.sum().round(1)
     richness_chart = bar_chart(df, column, 'mean_richness')
     rsr_chart = bar_chart(df, column, 'mean_rsr')
     carbon_lost = bar_chart(df, column, 'carbon_lost')
@@ -437,11 +472,9 @@ with main:
                 st.altair_chart(human_impact, use_container_width=True)
 
 
+# +
 st.divider()
-
 footer = st.container()
-
-
 with footer:
     '''
     ## Custom queries
@@ -489,3 +522,4 @@ with footer:
     using cloud-native data serializations in COG, PMTiles, and GeoParquet. Coded in pure python using leafmap and duckdb. Map styling with [MapLibre](https://maplibre.org/).
     '''
 
+

requirements.txt

@@ -1,7 +1,7 @@
 pandas
 pydeck
 pmtiles
-leafmap
+leafmap[maplibre]
 ibis-framework[duckdb]
 openai
 streamlit==1.35.0