Support h3 deck layers in shiny apps

Author: stfnkth

_experimental/h3_deck_layer.py

@@ -1,7 +1,9 @@
-from maplibre import MapOptions
+from maplibre import MapOptions, render_maplibregl
 from maplibre.basemaps import Carto
 from maplibre.controls import NavigationControl
 from maplibre.ipywidget import MapWidget as Map
+from maplibre.ui import use_deckgl, use_h3
+from shiny.express import app, ui
 
 m = Map(
     MapOptions(
@@ -27,4 +29,15 @@
 }
 
 m.add_deck_layers([h3_hexagon_layer], tooltip="{{ hex }} count: {{ count }}")
-m.save("/tmp/py-maplibre-express.html")
+
+use_h3()
+use_deckgl()
+
+
+@render_maplibregl
+def render_map():
+    return m
+
+
+if __name__ == "__main__":
+    m.save("/tmp/py-maplibre-express.html", preview=True)

maplibre/ui.py

@@ -43,6 +43,19 @@ def output_maplibregl(id_: str, height: [int | str] = 200) -> Tag:
 
 
 DECKGL_VERSION = "9.0.16"
+H3_VERSION = "4.1.0"
+
+h3_dep = HTMLDependency(
+    name="h3",
+    version=H3_VERSION,
+    source={"href": f"https://unpkg.com/h3-js@{H3_VERSION}/dist/"},
+    script={"src": "h3-js.umd.js"},
+)
+
+
+def use_h3() -> Tag:
+    return ui.div(h3_dep)
+
 
 deckgl_dep = HTMLDependency(
     name="deckgl",
@@ -51,8 +64,6 @@ def output_maplibregl(id_: str, height: [int | str] = 200) -> Tag:
     script={"src": "dist.min.js", "type": "module"},
 )
 
-# TODO: Remove duplicated constant
-# DECKGL_VERSION = "9.0.16"
 
 deckgl_json_dep = HTMLDependency(
     name="deckgljson",