<p align="right">
  <a href="https://npmjs.org/package/mmr-gl-react">
    <img src="https://img.shields.io/npm/v/mmr-gl-react.svg?style=flat-square" alt="version" />
  </a>
  <a href="https://npmjs.org/package/mmr-gl-react">
    <img src="https://img.shields.io/npm/dm/mmr-gl-react.svg?style=flat-square" alt="downloads" />
  </a>
</p>

<h1 align="center">mmr-gl-react

`mmr-gl-react` is a suite of [React](http://facebook.github.io/react/) components designed to provide a React API for [MMR GL JS](https://www.npmjs.com/package/mmr-gl)-compatible libraries.

### Installation

Using `mmr-gl-react` requires `react >= 16.3`.

```sh
npm install --save mmr-gl-react mmr-gl
```

### Example

```js
import * as React from 'react';
import Map from 'mmr-gl-react';

const ACCESS_TOKEN = ''

function App() {
  return <Map
    initialViewState={{
      longitude: -100,
      latitude: 40,
      zoom: 3.5
    }}
    style={{width: 600, height: 400}}
    mapStyle="vkmaps://api/styles/main_style.json"
    vkAccessToken={ACCESS_TOKEN}
  />
}
```
