https://github.com/nickdutto/react-gis

ReactGIS - React wrapper for OpenLayers
https://github.com/nickdutto/react-gis

gis maps ol openlayers react react-gis

Last synced: 3 months ago
JSON representation

ReactGIS - React wrapper for OpenLayers

• Host: GitHub
• URL: https://github.com/nickdutto/react-gis
• Owner: nickdutto
• License: mit
• Created: 2025-10-13T04:20:43.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2026-02-28T04:48:53.000Z (4 months ago)
• Last Synced: 2026-02-28T11:06:52.800Z (4 months ago)
• Topics: gis, maps, ol, openlayers, react, react-gis
• Language: TypeScript
• Homepage: https://reactgis.nickdutto.dev/docs
• Size: 632 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![GitHub Actions Workflow - Release Status](https://img.shields.io/github/actions/workflow/status/nickdutto/react-gis/release.yml?logo=github)](https://github.com/nickdutto/react-gis)

[![GitHub License](https://img.shields.io/github/license/nickdutto/react-gis)](https://github.com/nickdutto/react-gis/blob/main/LICENSE)

[![NPM Version](https://img.shields.io/npm/v/%40react-gis%2Fopenlayers)](https://www.npmjs.com/package/@react-gis/openlayers)

[![GitHub Repo stars](https://img.shields.io/github/stars/nickdutto/react-gis)](https://github.com/nickdutto/react-gis)

# ReactGIS

React wrapper for OpenLayers.

[![Documentation](https://img.shields.io/badge/-Documentation-%23050505?style=for-the-badge&logo=readthedocs&logoColor=%2373e600)](https://reactgis.nickdutto.dev/docs)

[![Storybook](https://img.shields.io/badge/-Storybook-%23050505?style=for-the-badge&logo=storybook)](https://reactgis-storybook.nickdutto.dev)

## Getting Started

### Installation

Install via your preferred package manager

```bash tab="npm"

npm i @react-gis/openlayers

```

```bash tab="pnpm"

pnpm add @react-gis/openlayers

```

```bash tab="yarn"

yarn add @react-gis/openlayers

```

### Basic Usage

Basic map with OpenStreetMap:

```tsx title="app.tsx"

import { View } from "ol";

import { OSM } from "ol/source";

import { TileLayer } from "@react-gis/openlayers/layer";

import { Map } from "@react-gis/openlayers/map";

import "ol/ol.css";

function App() {

  return (

    

      

    

  );

}

```