A suite of 3D-enabled data editing overlays, suitable for

Usage no npm install needed!

<script type="module">
  import nebulaGl from '';


version version

version version version

build coveralls | Website

An editing framework for

docs provides editable and interactive map overlay layers, built using the power of

Getting started

Running the example

  1. git clone
  2. cd
  3. yarn
  4. cd examples/advanced
  5. yarn
  6. export MapboxAccessToken='<Add your key>'
  7. yarn start-local
  8. You can now view and edit geometry.


For npm

npm install
npm install
npm install
npm install
npm install

For yarn

yarn add
yarn add
yarn add
yarn add
yarn add


EditableGeoJsonLayer is implemented as a layer. It provides the ability to view and edit multiple types of geometry formatted as GeoJSON (an open standard format for geometry) including polygons, lines, and points.

import DeckGL from '';
import { EditableGeoJsonLayer, DrawPolygonMode } from '';

const myFeatureCollection = {
  type: 'FeatureCollection',
  features: [
    /* insert features here */

const selectedFeatureIndexes = [];

class App extends React.Component {
  state = {
    data: myFeatureCollection,

  render() {
    const layer = new EditableGeoJsonLayer({
      id: 'geojson-layer',
      mode: DrawPolygonMode,

      onEdit: ({ updatedData }) => {
          data: updatedData,

    return <DeckGL {...this.props.viewport} layers={[layer]} />;

Useful examples (Codesandbox)