diff --git a/lonboard/layer.py b/lonboard/layer.py index 0d9c8b3f..dbd6aaee 100644 --- a/lonboard/layer.py +++ b/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) diff --git a/pyproject.toml b/pyproject.toml index 0081cf21..618bd9dd 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -6,7 +6,7 @@ authors = ["Kyle Barron "] 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" diff --git a/src/path-layer.tsx b/src/path-layer.tsx index 43b54c6c..1af9ef1c 100644 --- a/src/path-layer.tsx +++ b/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} > diff --git a/src/scatterplot-layer.tsx b/src/scatterplot-layer.tsx index 05c1239a..4cc678d4 100644 --- a/src/scatterplot-layer.tsx +++ b/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} > diff --git a/src/solid-polygon-layer.tsx b/src/solid-polygon-layer.tsx index 123b21b5..5c141501 100644 --- a/src/solid-polygon-layer.tsx +++ b/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, diff --git a/src/styles.css b/src/styles.css deleted file mode 100644 index e69de29b..00000000