Add more examples

Author: Stefan Kuethe

docs/concepts/layers.md

@@ -47,22 +47,4 @@ const style = {
 
 > See [Styles API](../../api/styles/) and [ol/style/flat](https://openlayers.org/en/latest/apidoc/module-ol_style_flat.html) for details.
 
-```python {marimo display_code=true}
-import openlayers as ol
-
-data = "https://openlayers.org/en/latest/examples/data/geojson/roads-seoul.geojson"
-
-vector = ol.VectorLayer(
-    id="roads",
-    source=ol.VectorSource(url=data),
-    fit_bounds=True,
-    style=ol.FlatStyle(
-      stroke_color = "steelblue",
-      stroke_width = 3.5
-    )
-)
-
-m = ol.MapWidget(layers=[ol.BasemapLayer(), vector])
-m.add_default_tooltip()
-m
-```
+<iframe src="https://marimo.app/l/5a5k2w?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/index.md

@@ -17,9 +17,4 @@ m = Map(controls=[ol.ZoomSliderControl()])
 m.save()
 ```
 
-```python {marimo display_code=true}
-import openlayers as ol
-
-m = ol.MapWidget(controls=[ol.ZoomSliderControl()])
-m
-```
+<iframe src="https://marimo.app/l/c7os0x?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/showcase/get-started.md

@@ -1,3 +1,3 @@
 # Get started
 
-<iframe src="https://marimo.app/l/1s4q2r?embed=true" width="100%" height=700 frameBorder="0"></iframe>
+<iframe src="https://marimo.app/l/c7os0x?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/showcase/gpx-vector-source.md

@@ -0,0 +1,3 @@
+# GPX vector source
+
+<iframe src="https://marimo.app/l/rorbhm?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/showcase/kml-vector-source.md

@@ -0,0 +1,3 @@
+# KML vector source
+
+<iframe src="https://marimo.app/l/byhqa9?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/showcase/mvt-tile-source.md

@@ -0,0 +1,3 @@
+# MVT tile source
+
+<iframe src="https://marimo.app/l/lctvrw?embed=true" width="100%" height=700 frameBorder="0"></iframe>

docs/showcase/style-expressions-text.md

@@ -1,4 +1,4 @@
-# Style expressions text
+# Style expressions
 
 See also [style-expressions](https://openlayers.org/en/latest/examples/style-expressions.html)
 

mkdocs.yml

@@ -55,7 +55,10 @@ nav:
       # - Express: api/express.md
   - Examples:
       - Get started: showcase/get-started.md
-      - Style expressions: showcase/style-expressions.md
-      - Style expressions text: showcase/style-expressions-text.md
+      # - Style expressions: showcase/style-expressions.md
+      - Style expressions: showcase/style-expressions-text.md
+      - GPX vector source: showcase/gpx-vector-source.md
+      - KML vector source: showcase/kml-vector-source.md
+      - MVT tile source: showcase/mvt-tile-source.md
       # - Icons: showcase/icons.md
   - Changelog: changelog.md