Add more apps

pages/01_globe.py

@@ -1,17 +1,20 @@
 import solara
-import reacton.ipyvuetify as rv
 import leafmap.maplibregl as leafmap
 
 
 def create_map():
 
-    m = leafmap.Map(style="liberty", projection="globe", height="750px", zoom=2.5)
-    m.create_container(sidebar_visible=True)
+    m = leafmap.Map(
+        style="liberty",
+        projection="globe",
+        height="750px",
+        zoom=2.5,
+        sidebar_visible=True,
+    )
     return m
 
 
 @solara.component
 def Page():
     m = create_map()
-    container = rv.Row(children=[m.container])
-    return container
+    return m.to_solara()

pages/02_sidebar.py

@@ -1,12 +1,16 @@
 import solara
-import reacton.ipyvuetify as rv
 import leafmap.maplibregl as leafmap
 
 
 def create_map():
 
-    m = leafmap.Map(style="dark-matter", projection="globe", height="750px", zoom=2.5)
-    m.create_container(sidebar_visible=True)
+    m = leafmap.Map(
+        style="dark-matter",
+        projection="globe",
+        height="750px",
+        zoom=2.5,
+        sidebar_visible=True,
+    )
 
     m.add_ee_layer(asset_id="ESA/WorldCover/v200", opacity=0.8)
     m.add_overture_3d_buildings()
@@ -21,12 +25,10 @@ def create_map():
 
     video = "https://static-assets.mapbox.com/mapbox-gl-js/drone.mp4"
     m.add_video_to_sidebar(video, expanded=False)
-    # m.set_sidebar_width(680)
     return m
 
 
 @solara.component
 def Page():
     m = create_map()
-    container = rv.Row(children=[m.container])
-    return container
+    return m.to_solara()

pages/03_overture.py

@@ -1,5 +1,4 @@
 import solara
-import reacton.ipyvuetify as rv
 import leafmap.maplibregl as leafmap
 
 
@@ -12,16 +11,14 @@ def create_map():
         bearing=-17,
         style="positron",
         height="750px",
+        sidebar_visible=True,
     )
-    m.create_container(sidebar_visible=True)
-    m.add_basemap("Esri.WorldImagery", visible=False)
+    m.add_basemap("Satellite", visible=False)
     m.add_overture_3d_buildings(template="simple")
-    m.add_layer_control()
     return m
 
 
 @solara.component
 def Page():
     m = create_map()
-    container = rv.Row(children=[m.container])
-    return container
+    return m.to_solara()

pages/04_pmtiles.py

@@ -1,5 +1,4 @@
 import solara
-import reacton.ipyvuetify as rv
 import leafmap.maplibregl as leafmap
 
 
@@ -11,8 +10,8 @@ def create_map():
         height="750px",
         center=[-100, 40],
         zoom=4,
+        sidebar_visible=True,
     )
-    m.create_container(sidebar_visible=True)
 
     building_pmtiles = "https://overturemaps-tiles-us-west-2-beta.s3.amazonaws.com/2025-04-23/buildings.pmtiles"
     road_pmtiles = "https://overturemaps-tiles-us-west-2-beta.s3.amazonaws.com/2025-04-23/transportation.pmtiles"
@@ -54,5 +53,4 @@ def create_map():
 @solara.component
 def Page():
     m = create_map()
-    container = rv.Row(children=[m.container])
-    return container
+    return m.to_solara()

pages/05_styling.py

@@ -0,0 +1,31 @@
+import solara
+import leafmap.maplibregl as leafmap
+
+
+def create_map():
+
+    m = leafmap.Map(
+        style="dark-matter",
+        projection="globe",
+        height="750px",
+        zoom=2.5,
+        sidebar_visible=True,
+    )
+    points_url = "https://github.com/opengeos/datasets/releases/download/world/world_cities.geojson"
+    # lines_url = (
+    #     "https://github.com/opengeos/datasets/releases/download/vector/cables.geojson"
+    # )
+    # polygons_url = (
+    #     "https://github.com/opengeos/datasets/releases/download/world/countries.geojson"
+    # )
+    m.add_geojson(points_url, name="Points", fit_bounds=False)
+    # m.add_geojson(lines_url, name="Lines")
+    # m.add_geojson(polygons_url, name="Polygons")
+
+    return m
+
+
+@solara.component
+def Page():
+    m = create_map()
+    return m.to_solara()

pages/06_choropleth.py

@@ -0,0 +1,34 @@
+import solara
+import leafmap.maplibregl as leafmap
+
+
+def create_map():
+
+    m = leafmap.Map(
+        style="liberty",
+        projection="globe",
+        height="750px",
+        zoom=2.5,
+        sidebar_visible=True,
+    )
+    data = "https://github.com/opengeos/datasets/releases/download/vector/countries.geojson"
+    first_symbol_id = m.find_first_symbol_layer()["id"]
+    m.add_data(
+        data,
+        column="POP_EST",
+        scheme="Quantiles",
+        cmap="Blues",
+        legend_title="Population",
+        name="Population",
+        before_id=first_symbol_id,
+        extrude=True,
+        scale_factor=1000,
+        fit_bounds=False,
+    )
+    return m
+
+
+@solara.component
+def Page():
+    m = create_map()
+    return m.to_solara()

pages/07_video.py

@@ -0,0 +1,32 @@
+import solara
+import leafmap.maplibregl as leafmap
+
+
+def create_map():
+
+    m = leafmap.Map(
+        center=[-122.514426, 37.562984],
+        zoom=17,
+        bearing=-96,
+        height="750px",
+        sidebar_visible=True,
+    )
+    m.add_basemap("Satellite")
+    urls = [
+        "https://static-assets.mapbox.com/mapbox-gl-js/drone.mp4",
+        "https://static-assets.mapbox.com/mapbox-gl-js/drone.webm",
+    ]
+    coordinates = [
+        [-122.51596391201019, 37.56238816766053],
+        [-122.51467645168304, 37.56410183312965],
+        [-122.51309394836426, 37.563391708549425],
+        [-122.51423120498657, 37.56161849366671],
+    ]
+    m.add_video(urls, coordinates)
+    return m
+
+
+@solara.component
+def Page():
+    m = create_map()
+    return m.to_solara()

requirements.txt

@@ -1,4 +1,4 @@
 geopandas
-leafmap>=0.46.6
+leafmap>=0.46.7
 maplibre
 solara