testign new map

Author: davidsklar99

pages/columns/+Page.client.ts

@@ -16,8 +16,6 @@ import mapboxgl, { LngLat } from "mapbox-gl";
 import { MapPosition } from "@macrostrat/mapbox-utils";
 import { useEffect } from "react";
 
-
-
 export function Page(props) {
   return h(ColumnListPage, props);
 }

pages/columns/main.scss

@@ -20,6 +20,7 @@ h2 {
 
 .search-bar {
   display: flex;
+  flex-direction: row;
   gap: 5px;
   align-items: center;
   justify-content: center;
@@ -94,8 +95,8 @@ h2 {
 }
 
 #map {
-  width: 60%;
-  height: 80%;
+  width: 100%;
+  height: 100%;
   position: absolute;
   z-index: 1;
 }

pages/columns/map.ts

@@ -0,0 +1,24 @@
+import h from "@macrostrat/hyper";
+import { ColumnNavigationMap } from "@macrostrat/column-views";
+import { mapboxAccessToken } from "@macrostrat-web/settings";
+import { ErrorBoundary } from "@macrostrat/ui-components";
+
+export function ColumnMap({
+  projectID,
+  inProcess,
+  className,
+  selectedColumn,
+  onSelectColumn,
+}) {
+  return h(
+    ErrorBoundary,
+    h(ColumnNavigationMap, {
+      className,
+      inProcess,
+      projectID,
+      accessToken: mapboxAccessToken,
+      selectedColumn,
+      onSelectColumn,
+    })
+  );
+}