Add sidebar example

pages/01_globe.py

@@ -6,7 +6,7 @@ import leafmap.maplibregl as leafmap
 def create_map():
 
     m = leafmap.Map(style="liberty", projection="globe", height="750px")
-    m.creater_container(sidebar_visible=True)
+    m.create_container(sidebar_visible=True)
     return m
 
 

pages/02_sidebar.py

@@ -0,0 +1,32 @@
+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")
+    m.create_container(sidebar_visible=True)
+
+    m.add_ee_layer(asset_id="ESA/WorldCover/v200", opacity=0.8)
+    m.add_overture_3d_buildings()
+
+    m.add_legend_to_sidebar(
+        builtin_legend="ESA_WorldCover", title="Land Cover Type", shape_type="rectangle"
+    )
+    m.add_colorbar_to_sidebar(cmap="terrain", label="Elevation")
+
+    image = "https://i.imgur.com/KeiAsTv.gif"
+    m.add_image_to_sidebar(image=image, expanded=False)
+
+    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

requirements.txt

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