Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/geops/react-spatial

Components to build React map apps
https://github.com/geops/react-spatial

openlayers react reactjs reactjs-components spatial

Last synced: 7 days ago
JSON representation

Components to build React map apps

Awesome Lists containing this project

README

        

# react-spatial

[![npm](https://img.shields.io/npm/v/react-spatial.svg?style=flat-square)](https://www.npmjs.com/package/react-spatial)
[![build](https://github.com/geops/react-spatial/workflows/main/badge.svg)](https://github.com/geops/react-spatial/actions?query=workflow%3Amain)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
![Vercel](https://vercelbadge.vercel.app/api/geops/react-spatial)

This library provides React components to build web applications and to visualize real-time geographical information based on [OpenLayers](https://openlayers.org/) and [Malibre GL](https://maplibre.org/maplibre-gl-js/).

This library uses the [mobility-toolbox-js](https://mobility-toolbox-js.geops.io/) library.

Documentation and examples at https://react-spatial.geops.io.

## Getting Started

Install the [react-spatial](https://www.npmjs.com/package/react-spatial) package:

```bash
yarn add mobility-toolbox-js mapbox-gl mapblibre-gl ol react-spatial
```

Your build pipeline needs to support ES6 modules and SASS.

Import the main scss file in your project:

```bash
import 'react-spatial/themes/default/index.scss';
```

## More

- [Development](https://github.com/geops/react-spatial/tree/master/DEVELOP.md)
- [Components](https://github.com/geops/react-spatial/tree/master/src/components)
- [Themes](https://github.com/geops/react-spatial/tree/master/src/themes)

## Bugs

Please use the [GitHub issue tracker](https://github.com/geops/react-spatial/issues) for all bugs and feature requests. Before creating a new issue, do a quick search to see if the problem has been reported already.