attempt at map attribution (#76)

* attempt at map attribution

* can see attribution!

* Add _css property to anywidget

* include css in wheel

---------

Co-authored-by: Vitor George <vitor.george@gmail.com>

lonboard/layer.py

@@ -54,6 +54,7 @@ class ScatterplotLayer(BaseLayer):
     """
 
     _esm = bundler_output_dir / "scatterplot-layer.js"
+    _css = bundler_output_dir / "scatterplot-layer.css"
     _layer_type = traitlets.Unicode("scatterplot").tag(sync=True)
     _initial_view_state = traitlets.Dict().tag(sync=True)
 
@@ -296,6 +297,7 @@ class PathLayer(BaseLayer):
     """
 
     _esm = bundler_output_dir / "path-layer.js"
+    _css = bundler_output_dir / "path-layer.css"
     _layer_type = traitlets.Unicode("path").tag(sync=True)
     _initial_view_state = traitlets.Dict().tag(sync=True)
 
@@ -454,6 +456,7 @@ class SolidPolygonLayer(BaseLayer):
     """
 
     _esm = bundler_output_dir / "solid-polygon-layer.js"
+    _css = bundler_output_dir / "solid-polygon-layer.css"
     _layer_type = traitlets.Unicode("solid-polygon").tag(sync=True)
     _initial_view_state = traitlets.Dict().tag(sync=True)
 

pyproject.toml

@@ -6,7 +6,7 @@ authors = ["Kyle Barron <kyle@developmentseed.org>"]
 license = "MIT"
 readme = "README.md"
 packages = [{ include = "lonboard" }]
-include = ["lonboard/static/*.js"]
+include = ["lonboard/static/*.js", "lonboard/static/*.css"]
 
 [tool.poetry.dependencies]
 python = "^3.8"

src/path-layer.tsx

@@ -6,6 +6,8 @@ import { GeoArrowPathLayer } from "@geoarrow/deck.gl-layers";
 import { useParquetWasm } from "./parquet";
 import { useAccessorState, useTableBufferState } from "./accessor";
 
+import "maplibre-gl/dist/maplibre-gl.css";
+
 const DEFAULT_INITIAL_VIEW_STATE = {
   latitude: 10,
   longitude: 0,
@@ -70,6 +72,7 @@ function App() {
         }
         controller={true}
         layers={layers}
+        height={300}
         // ContextProvider={MapContext.Provider}
       >
         <Map mapStyle={MAP_STYLE} />

src/scatterplot-layer.tsx

@@ -6,6 +6,8 @@ import { GeoArrowScatterplotLayer } from "@geoarrow/deck.gl-layers";
 import { useParquetWasm } from "./parquet";
 import { useAccessorState, useTableBufferState } from "./accessor";
 
+import "maplibre-gl/dist/maplibre-gl.css";
+
 const DEFAULT_INITIAL_VIEW_STATE = {
   latitude: 10,
   longitude: 0,
@@ -84,7 +86,6 @@ function App() {
         }
         controller={true}
         layers={layers}
-        // ContextProvider={MapContext.Provider}
       >
         <Map mapStyle={MAP_STYLE} />
       </DeckGL>

src/solid-polygon-layer.tsx

@@ -6,6 +6,8 @@ import { GeoArrowSolidPolygonLayer } from "@geoarrow/deck.gl-layers";
 import { useParquetWasm } from "./parquet";
 import { useAccessorState, useTableBufferState } from "./accessor";
 
+import "maplibre-gl/dist/maplibre-gl.css";
+
 const DEFAULT_INITIAL_VIEW_STATE = {
   latitude: 10,
   longitude: 0,