Add Raster Tile Source Example App

Author: stfnkth

config/site.toml

@@ -1,4 +1,7 @@
 [site]
 title = "MapLibre for Python"
 subtitle = "Shinylive"
-apps = [{ title = "Getting Started", dir = "getting-started" }]
+apps = [
+    { title = "Getting Started", dir = "getting-started" },
+    { title = "Raster Tile Source", dir = "raster-tile-source" },
+]

raster-tile-source/app.py

@@ -0,0 +1,28 @@
+from maplibre import Layer, LayerType, Map, MapLibreRenderer, MapOptions
+from maplibre.basemaps import background, construct_basemap_style
+from maplibre.controls import GlobeControl, NavigationControl
+from maplibre.sources import RasterTileSource
+from shiny import reactive
+from shiny.express import input, render, ui
+
+layer_id = "osm"
+
+raster_tiles = RasterTileSource(
+    tiles=["https://a.tile.openstreetmap.org/{z}/{x}/{y}.png"],
+    tile_size=256,
+    attribution="© OpenStreetMap Contributors",
+    max_zoom=19,
+)
+style = construct_basemap_style(
+    sources={"osm": raster_tiles},
+    layers=[Layer(id=layer_id, type=LayerType.RASTER, source="osm")],
+)
+
+
+@MapLibreRenderer
+def my_map():
+    m = Map(
+        MapOptions(style=style, zoom=2, hash=True),
+        controls=[NavigationControl(), GlobeControl()],
+    )
+    return m

raster-tile-source/requirements.txt

@@ -0,0 +1,5 @@
+maplibre[shiny]
+pydantic
+jinja2
+branca
+