react-geo
A set of geo related components to use in combination with react, antd and ol.
Examples and API documentation
Visit https://terrestris.github.io/react-geo/docs/latest/index.html
Workshop
Visit https://terrestris.github.io/react-geo-ws/
Installation
npm i @terrestris/react-geo
Requirements
react-geo is designed to be used with es6-modules.
To use a component just import it like we do it in the examples:
import {
CircleMenu,
SimpleButton,
MapComponent,
MapProvider,
mappify
} from '@terrestris/react-geo';
The use of webpack and babel is recommended. You need to configure a less-loader inside your webpack-config to receive react-geo specific styling.
module: {
loaders: [{
test: /\.less$/,
loaders: [
'style-loader',
'css-loader',
{
loader: 'less-loader',
options: {
modifyVars: CustomAntThemeModifyVars(),
javascriptEnabled: true // Less version > 3.0.0
}
}
]
}]
}
Base application
Check out the react-geo-baseclient for a fully working
web-mapping application based on react-geo.
Development requirements
- Node.js 10.13.0 or later
- npm 6.8.0 or later
- Git 2.11 or later
Development notes
If you like to develop a react-geo component out of your project make use of npm link:
In react-geo:
npm link
In your project:
npm link @terrestris/react-geo