geo intergation

libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx

@@ -11,6 +11,7 @@ import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 import { SettingsContainer } from '../../components/config';
 import { layerTypes } from './components/layers';
 import { createBaseMap } from './components/BaseMap';
+import { Input } from '../../..';
 
 export type MapProps = {
   layer: undefined | 'node' | 'nodelink' | 'choropleth' | 'heatmap';
@@ -64,7 +65,7 @@ export const MapVis = ({ data, configuration }: VisualizationPropTypes) => {
   useEffect(() => {
     if (configuration.layer) {
       const layerType = layerTypes[configuration.layer] as any;
-      console.log('layerType', layerType);
+
       setLayers({
         id: Date.now(),
         name: 'New layer',
@@ -122,7 +123,7 @@ export const MapVis = ({ data, configuration }: VisualizationPropTypes) => {
   };
 
   return (
-    <div className="flex-grow relative">
+    <div className="w-full h-full flex-grow relative">
       <DeckGL
         layers={[createBaseMap(), dataLayer, selectionLayer]}
         initialViewState={viewport}
@@ -144,7 +145,16 @@ const MapSettings = ({
   graph: GraphMetaData;
   updateSettings: (val: any) => void;
 }) => {
-  return <SettingsContainer>To be implemented</SettingsContainer>;
+  return (
+    <SettingsContainer>
+      <Input
+        type="dropdown"
+        value={configuration.layer}
+        options={['node', 'nodelink', 'choropleth', 'heatmap']}
+        onChange={(val) => updateSettings({ layer: val })}
+      />
+    </SettingsContainer>
+  );
 };
 
 export const MapComponent: VISComponentType = {
@@ -153,3 +163,5 @@ export const MapComponent: VISComponentType = {
   settings: MapSettings,
   configuration: configuration,
 };
+
+export default MapComponent;