# react-ol-wrapper

> wrapper of [OpenLayers 4+](https://openlayers.org/) written in [TypeScript](https://www.typescriptlang.org/) forked from [react-openlayers](https://github.com/allenhwkim/react-openlayers)

Latest version **0.2.9** (published 2021-05-18) · 0 weekly downloads

## Install

```sh
npm install react-ol-wrapper
pnpm add react-ol-wrapper
yarn add react-ol-wrapper
bun add react-ol-wrapper
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.9 |
| Published | 2021-05-18 |
| First published | 2019-01-28 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 12 |
| Unpacked size | 19.3 MB |
| Known vulnerabilities | 0 (+24 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | kemo3lep |

## Links

- npm: https://www.npmjs.com/package/react-ol-wrapper
- npm.io page: https://npm.io/package/react-ol-wrapper

## Dependencies (12)

- [ol](https://npm.io/package/ol.md) ^6.0.1
- [jsts](https://npm.io/package/jsts.md) ^1.6.1
- [axios](https://npm.io/package/axios.md) ^0.18.1
- [proj4](https://npm.io/package/proj4.md) ^2.6.2
- [qwest](https://npm.io/package/qwest.md) ^4.4.5
- [lodash](https://npm.io/package/lodash.md) ^4.17.20
- [ol-ext](https://npm.io/package/ol-ext.md) ^3.1.11
- [cross-env](https://npm.io/package/cross-env.md) ^4.0.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [react-async-loader](https://npm.io/package/react-async-loader.md) ^0.1.2
- [react-resize-detector](https://npm.io/package/react-resize-detector.md) ^3.0.1
- [react-async-script-loader](https://npm.io/package/react-async-script-loader.md) ^0.2.2

## Recent versions

- 0.2.9 (latest) — 2021-05-18
- 0.2.8 — 2021-05-18
- 0.2.7 — 2021-05-03
- 0.2.5 — 2020-11-08
- 0.2.2 — 2020-11-08
- 0.2.1 — 2020-11-08
- 0.2.0 — 2020-10-19
- 0.0.37 — 2019-01-28

## README

# react-ol-wrapper

wrapper of [OpenLayers 4+](https://openlayers.org/)
written in [TypeScript](https://www.typescriptlang.org/)
forked from [react-openlayers](https://github.com/allenhwkim/react-openlayers)

## Install

    npm install react-ol-wrapper --save-dev
        
## Usage

Run command to view component documentation

    npm run doc 

To use component in your application import necessary uses

    import {
      interaction, layer, custom, control, //name spaces
      Interactions, Overlays, Controls,     //group
      Map, Layers, Overlay, Util    //objects
    } from "react-ol-wrapper";

Example
```
    <Map view={{center: [0, 0], zoom: 2}} onClick={showPopup}>
      <Layers>
        <layer.OSM/>
        <layer.Vector features={markers} style={markers.style} zIndex="1" />
      </Layers>
      <Controls attribution={false} zoom={true}>
        <control.Rotate />
        <control.ScaleLine />
        <control.FullScreen />
        <control.OverviewMap />
        <control.ZoomSlider />
        <control.ZoomToExtent />
        <control.Zoom />
      </Controls>
      <Interactions>
        <interaction.Select style={selectedMarkerStyle} />
        <interaction.Draw features={markers} type='Point' />
        <interaction.Modify features={markers} />
      </Interactions>
    </Map>
```

### Module have development interface

    $ npm install
    $ npm run demo

### Publishing version

    $ npm config set registry https://registry.npmjs.org/
    $ npm login
    $ npm version patch
    $ npm publish

---
_Source: https://npm.io/package/react-ol-wrapper · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._