THIS PROJECT IS NO LONGER BEING MAINTAINED.

It will not receive any future updates or bug fixes. If you are using it, please consider using the latest offerings from OpenLayers and other related Libraries.

An easy-to-use, open source React & OpenLayers map component toolkit.

Install ol-kit and its peerDependencies

npm i @bayer/ol-kit ol react react-dom styled-components @material-ui/core @material-ui/icons @material-ui/styles --save

It's easy to start building map apps with ol-kit. For simple projects, the following will get you started:

import React from 'react'
import {
  Map,
  BasemapContainer,
  ContextMenu,
  Controls,
  LayerPanel,
  Popup,
  loadDataLayer
} from '@bayer/ol-kit'

class App extends React.Component {
  onMapInit = async map => {
    console.log('we got a map!', ma