12.6.0 • Published 5 months ago

@opengeoweb/core v12.6.0

Weekly downloads
139
License
Apache-2.0
Repository
gitlab
Last release
5 months ago

current version coverage

Core

React component library with Core components for the opengeoweb project. This library was generated with Nx.

Installation

npm install @opengeoweb/core @opengeoweb/store @opengeoweb/timeslider

Use

You can use any component exported from core by importing them. Some components need to be wrapped in the CoreThemeProvider, or CoreThemeStoreProvider for a connected component. You can also pass in your own theme if needed. Below you can find a simplified example on how the MapViewConnect component and several mapActions could be used:

import { useDispatch } from 'react-redux';
import {
  MapViewConnect,
  LegendConnect,
  LegendMapButtonConnect,
  CoreThemeStoreProvider,
} from '@opengeoweb/core';
import { storeMiddlewares, storeReducerMap } from '@opengeoweb/store';
import { TimeSliderConnect } from '@opengeoweb/timeslider';
import { configureStore } from '@reduxjs/toolkit';

const store = configureStore({
  reducer: {
    ...storeReducerMap,
  },
  middleware: [...storeMiddlewares],
});

const ConnectedMapWithTimeSlider = ({ mapId }) => {
  const dispatch = useDispatch();

  React.useEffect(() => {
    // set layers
    dispatch(mapActions.setLayers({ layers: [radarLayer], mapId }));
    // baseLayers
    dispatch(
      mapActions.setBaseLayers({
        mapId,
        layers: [baseLayerGrey, overLayer],
      }),
    );
  }, []);

  return (
    <CoreThemeStoreProvider store={store}>
      <LegendConnect initialActiveMapId={mapId} />
      <LegendMapButtonConnect mapId={mapId} />
      <MapViewConnect mapId={mapId} displayTimeInMap />
      <TimeSliderConnect sourceId="timeslider-1" mapId={mapId} />
    </CoreThemeStoreProvider>
  );
};

export default ConnectedMapWithTimeSlider;

TypeScript Documentation

10.0.0

9 months ago

9.35.0

11 months ago

12.4.1

6 months ago

12.4.2

6 months ago

9.33.1-spike-ol.3

11 months ago

9.34.0

11 months ago

12.3.0

6 months ago

10.2.0

9 months ago

12.6.0

5 months ago

9.33.0

11 months ago

11.0.0

8 months ago

10.1.0

9 months ago

12.5.0

5 months ago

9.32.1

11 months ago

9.32.0

11 months ago

12.0.0

8 months ago

11.1.0

8 months ago

9.37.0

10 months ago

12.2.0

7 months ago

9.33.1-spike-ol.5

11 months ago

9.33.1-spike-ol.6

11 months ago

10.2.1-spike-ol.3

8 months ago

10.2.1-spike-ol.0

8 months ago

10.2.1-spike-ol.1

8 months ago

10.2.1-spike-ol.2

8 months ago

9.36.0

10 months ago

12.1.2

7 months ago

12.1.0

7 months ago

12.1.1

7 months ago

9.31.0

12 months ago

9.30.0

12 months ago

9.29.1

12 months ago

9.29.0

1 year ago

9.28.1

1 year ago

9.28.0

1 year ago

9.27.1

1 year ago

9.27.0

1 year ago

9.24.0

1 year ago

9.20.1

1 year ago

9.20.2

1 year ago

9.23.1

1 year ago

9.19.0

1 year ago

9.26.0

1 year ago

9.22.0

1 year ago

9.19.1

1 year ago

9.25.2

1 year ago

9.25.3

1 year ago

9.25.0

1 year ago

9.21.0

1 year ago

9.18.0

1 year ago

9.17.0

1 year ago

9.16.0

1 year ago

9.15.0

2 years ago

9.14.0

2 years ago

9.13.0

2 years ago

9.12.0

2 years ago

9.11.0

2 years ago

9.10.2

2 years ago

9.10.0

2 years ago

9.10.1

2 years ago

9.9.0

2 years ago

9.8.0

2 years ago

9.7.0

2 years ago

9.6.0

2 years ago

9.5.0

2 years ago

9.4.1

2 years ago

9.4.0

2 years ago

9.3.1

2 years ago

9.3.0

2 years ago

9.2.0

2 years ago

6.1.0

2 years ago

6.1.1

2 years ago

8.1.0

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

8.3.1

2 years ago

7.0.0

2 years ago

8.2.0

2 years ago

9.0.0

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

8.4.1

2 years ago

8.4.0

2 years ago

8.3.0

2 years ago

9.1.0

2 years ago

5.2.1

2 years ago

5.2.0

2 years ago

6.0.1

2 years ago

6.0.0

2 years ago

6.0.3

2 years ago

6.0.2

2 years ago

6.0.4

2 years ago

4.22.1

2 years ago

8.0.0

2 years ago

4.22.0

2 years ago

4.21.0

2 years ago

4.20.0

2 years ago

4.19.0

2 years ago

4.19.1

2 years ago

4.14.1

3 years ago

4.16.0

3 years ago

4.18.0

3 years ago

4.15.0

3 years ago

4.15.1

3 years ago

4.17.0

3 years ago

4.12.0

3 years ago

4.11.0

3 years ago

4.13.0

3 years ago

4.13.1

3 years ago

4.7.1

3 years ago

4.9.1

3 years ago

4.6.1

3 years ago

4.10.0

3 years ago

4.8.0

3 years ago

4.7.0

3 years ago

4.6.0

3 years ago

4.5.0

3 years ago

4.4.0

3 years ago

4.2.0

3 years ago

4.3.0

3 years ago

3.0.0

3 years ago

2.15.0

3 years ago

4.0.0

3 years ago

4.1.0

3 years ago

2.8.0

3 years ago

2.13.0

3 years ago

2.12.0

3 years ago

2.10.0

3 years ago

2.7.0

3 years ago

2.9.0

3 years ago

2.14.0

3 years ago

2.6.0

3 years ago

2.5.0

3 years ago

2.4.1

3 years ago

2.4.0

4 years ago

2.3.0

4 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.1.2

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

1.3.0

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

1.2.5

4 years ago

1.2.3

4 years ago

1.2.2

4 years ago

1.2.0

4 years ago

1.1.6

4 years ago

1.1.4

4 years ago

1.1.3

4 years ago

1.1.0

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

0.0.40

4 years ago

0.0.41

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

0.0.39

5 years ago

0.0.37

5 years ago

0.0.36

5 years ago

0.0.35

5 years ago

0.0.34

5 years ago

0.0.33

5 years ago

0.0.32

5 years ago

0.0.31

5 years ago

0.0.30

5 years ago

0.0.29

5 years ago

0.0.28

5 years ago

0.0.27

5 years ago

0.0.26

5 years ago

0.0.25

5 years ago

0.0.24

5 years ago

0.0.23

5 years ago

0.0.22

5 years ago

0.0.20

5 years ago

0.0.21

5 years ago

0.0.19

5 years ago

0.0.18

5 years ago

0.0.16

6 years ago

0.0.15

6 years ago

0.0.13

6 years ago

0.0.14

6 years ago

0.0.12

6 years ago

0.0.11

6 years ago

0.0.10-alpha

6 years ago

0.0.9-alpha

6 years ago

0.0.8-alpha

6 years ago

0.0.7-alpha

6 years ago

0.0.6-alpha

6 years ago

0.0.5-alpha

6 years ago