@opengeoweb/core v12.6.0
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
9 months ago
11 months ago
6 months ago
6 months ago
11 months ago
11 months ago
6 months ago
9 months ago
5 months ago
11 months ago
10 months ago
8 months ago
9 months ago
5 months ago
11 months ago
11 months ago
8 months ago
8 months ago
10 months ago
7 months ago
11 months ago
11 months ago
8 months ago
8 months ago
8 months ago
8 months ago
10 months ago
7 months ago
7 months ago
7 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago