Add draw control

Author: Stefan Kuethe

README.md

@@ -14,7 +14,6 @@ Provides Python bindings for [OpenLayers](https://openlayers.org/), a high-perfo
 
 Pull tiles from OSM, CartoDB, MapTiler and any other XYZ source.
 
-
 ### Vector Layers
 
 Render vector data from GeoJSON, TopoJSON, KML, GML and other formats. 
@@ -31,11 +30,13 @@ Render large data sets using WebGL.
 
 Render PMTiles from vector and raster sources.
 
+<a href="https://eoda-dev.github.io/py-openlayers/marimo/pmtiles-vector.html" target="_blank">PMTiles vector source notebook<a>
+
 ### Interactions
 
 Drag and drop GPX, GeoJSON, KML or TopoJSON files on to the map. Modify, draw and select features.
 
-<a href="https://eoda-dev.github.io/py-openlayers/marimo/drag-and-drop.html" target="_blank">Drag-and-drop example notebook<a>
+<a href="https://eoda-dev.github.io/py-openlayers/marimo/drag-and-drop.html" target="_blank">Drag-and-drop notebook<a>
 
 ### GeoPandas Extension
 
@@ -73,6 +74,8 @@ m = ol.Map()
 m.save()
 ```
 
+<a href="https://eoda-dev.github.io/py-openlayers/marimo/getting-started.html" target="_blank">Getting started notebook<a>
+
 ## Documentation
 
 [python-openlayers docs](https://eoda-dev.github.io/py-openlayers/)

_obsolete/geocoding-control.py

@@ -0,0 +1,67 @@
+
+
+import marimo
+
+__generated_with = "0.13.2"
+app = marimo.App(width="medium")
+
+
+@app.cell
+def _():
+    import marimo as mo
+    import openlayers as ol
+    return mo, ol
+
+
+@app.cell(hide_code=True)
+def _(mo):
+    mo.md("""You must set your __MapTiler API key__ to use the geocoding control""")
+    return
+
+
+@app.cell
+def _():
+    import os
+
+    os.environ["MAPTILER_API_KEY"] = ""
+    return (os,)
+
+
+@app.cell
+def _(ol):
+    m = ol.MapWidget()
+    return (m,)
+
+
+@app.cell
+def _(m, ol, os):
+    if os.environ["MAPTILER_API_KEY"]:
+        m.add_control(ol.MapTilerGeocodingControl(api_key=os.environ["MAPTILER_API_KEY"]))
+    return
+
+
+@app.cell
+def _(m):
+    m
+    return
+
+
+@app.cell
+def _(ol):
+    ol.constants.MAPTILER_API_KEY_ENV_VAR
+    return
+
+
+@app.cell
+def _(ol, os):
+    os.environ[ol.constants.MAPTILER_API_KEY_ENV_VAR]
+    return
+
+
+@app.cell
+def _():
+    return
+
+
+if __name__ == "__main__":
+    app.run()

marimo/drag-and-drop.py

@@ -17,7 +17,7 @@ def _():
 def _(mo):
     mo.md(
         r"""
-        ## Drag and drop GPX, GeoJSON, KML or TopoJSON files on to the map.
+        ## Drag and drop GPX, GeoJSON, KML or TopoJSON files on to the map
 
         Download sample files from here:
 

marimo/draw-control.py

@@ -0,0 +1,46 @@
+
+
+import marimo
+
+__generated_with = "0.13.2"
+app = marimo.App(width="medium")
+
+
+@app.cell
+def _():
+    import marimo as mo
+    import openlayers as ol
+    return mo, ol
+
+
+@app.cell
+def _(ol):
+    m = ol.MapWidget(controls=[ol.DrawControl()])
+    return (m,)
+
+
+@app.cell
+def _(m, mo):
+    widget = mo.ui.anywidget(m)
+    return (widget,)
+
+
+@app.cell
+def _(widget):
+    widget
+    return
+
+
+@app.cell
+def _(widget):
+    widget.value["features"]
+    return
+
+
+@app.cell
+def _():
+    return
+
+
+if __name__ == "__main__":
+    app.run()

marimo/export-notebooks.sh

@@ -1,6 +1,6 @@
 #!/bin/bash
 output_folder=${1:-dist}
-files=("getting-started.py" "pmtiles-vector.py" "drag-and-drop.py")
+files=("getting-started.py" "pmtiles-vector.py" "drag-and-drop.py" "draw-control.py")
 
 for file in "${files[@]}"; do
   without_extension="${file%.*}"

marimo/pmtiles-vector.py

@@ -8,9 +8,27 @@
 
 @app.cell
 def _():
+    import marimo as mo
     import openlayers as ol
+    return mo, ol
+
+
+@app.cell
+def _():
     from openlayers.styles import default_style
-    return default_style, ol
+    return (default_style,)
+
+
+@app.cell(hide_code=True)
+def _(mo):
+    mo.md(
+        r"""
+        # PMTiles vector source
+
+        See also [pmtiles/openlayers](https://docs.protomaps.com/pmtiles/openlayers)
+        """
+    )
+    return
 
 
 @app.cell