diff --git a/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx b/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx index 47b02974cdead893b740b9094f313e2d35c2dde8..4957d2bfd54753d515b1115ef2e3ed202bb74415 100644 --- a/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx +++ b/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;