Updated leafmap

.github/workflows/sync-hf.yml

@@ -0,0 +1,20 @@
+name: Sync to Hugging Face hub
+on:
+  push:
+    branches: [main]
+
+  # to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  sync-to-hub:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          lfs: true
+      - name: Push to hub
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+        run: git push --force https://giswqs:$HF_TOKEN@huggingface.co/spaces/giswqs/solara-geospatial main

Dockerfile

@@ -1,4 +1,4 @@
-FROM jupyter/scipy-notebook:latest
+FROM jupyter/base-notebook:latest
 
 RUN mamba install -c conda-forge leafmap geopandas localtileserver -y && \
     fix-permissions "${CONDA_DIR}" && \

README.md

@@ -1,24 +1,23 @@
-# solara-geospatial
+---
+title: Solara Geospatial
+emoji: 🌍
+colorFrom: green
+colorTo: red
+sdk: docker
+pinned: false
+license: mit
+app_port: 8765
+---
 
 ## Introduction
 
-A collection of [solara](https://github.com/widgetti/solara) web apps for geospatial applications
+A collection of [Solara](https://github.com/widgetti/solara) web apps for geospatial applications
 
-Just a proof-of-concept for now. Not all features are working yet. More features will be added in the future. Click on the menu above to see the other pages.
+Just a proof-of-concept for now. Not all features are working yet. More features will be added in the future.
 
 - Web App: <https://giswqs-solara-geospatial.hf.space>
 - Solara-Geospatial: <https://github.com/opengeos/solara-geospatial>
 
 ## Demos
 
-### Cesium
-
-![](https://i.imgur.com/6quoDtN.gif)
-
-### Mapbox
-
 ![](https://i.imgur.com/4uIEnAJ.gif)
-
-### MapLibre
-
-![](https://i.imgur.com/o2ZHeTL.gif)

pages/00_home.py

@@ -8,7 +8,7 @@ def Page():
     
     ### Introduction
 
-    **A collection of [solara](https://github.com/widgetti/solara) web apps for geospatial applications.**
+    **A collection of [Solara](https://github.com/widgetti/solara) web apps for geospatial applications.**
 
     Just a proof-of-concept for now. Not all features are working yet. More features will be added in the future. Click on the menu above to see the other pages.
 
@@ -17,18 +17,8 @@ def Page():
 
     ### Demos
 
-    #### Cesium
-
-    ![](https://i.imgur.com/6quoDtN.gif)
-
-    #### Mapbox
-
     ![](https://i.imgur.com/4uIEnAJ.gif)
 
-    #### MapLibre
-
-    ![](https://i.imgur.com/o2ZHeTL.gif)
-
     """
 
     solara.Markdown(markdown)

pages/01_leafmap.py

@@ -3,26 +3,37 @@
 Map visualization using [ipyleaflet](https://ipyleaflet.readthedocs.io/), a ipywidgets wrapper for [leaflet.js](https://leafletjs.com/)
 """
 import leafmap
-
 import solara
+from leafmap.toolbar import change_basemap
+
+zoom = solara.reactive(2)
+center = solara.reactive((20, 0))
 
-zoom = solara.reactive(5)
-center = solara.reactive((53.2305799, 6.5323552))
 
+class Map(leafmap.Map):
+    def __init__(self, **kwargs):
+        super().__init__(**kwargs)
+        # Add what you want below
+        self.add_basemap("OpenTopoMap")
+        change_basemap(self)
+        
 
 @solara.component
 def Page():
-    with solara.Column(style={"min-width": "500px", "height": "500px"}):
+    with solara.Column(style={"min-width": "500px"}):
         # solara components support reactive variables
         solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20)
         # using 3rd party widget library require wiring up the events manually
         # using zoom.value and zoom.set
-        leafmap.Map.element(  # type: ignore
+        Map.element(  # type: ignore
             zoom=zoom.value,
             on_zoom=zoom.set,
             center=center.value,
             on_center=center.set,
             scroll_wheel_zoom=True,
+            toolbar_ctrl=False,
+            data_ctrl=False,
+
         )
         solara.Text(f"Zoom: {zoom.value}")
         solara.Text(f"Center: {center.value}")