add draw control component

[xintongxia]

for #734

[ibgreen]

@georgios-uber @supersonicclay FYI, lightweight "alternative" to nebula.gl being added to react-map-gl, would be nice to see if any alignment of API / semantics could be done such that this could be thought of as a "nebula light".

[supersonicclay]

You may look at naming the prop selectedIds rather than selectedId and have it an array rather than single value. It will prevent you from having to make a breaking change in the future when you want to support multi-select. You could even throw a not supported error if a caller provides more than one value in that array.

Another thing that was super useful in nebula was to support custom modes that can be provided by a consuming application. Nebula calls them ModeHandlers. It can look something like this:

import {DrawPolygonHandler, ModeHandler, EditableGeoJsonLayer} from 'nebula.gl';

class MyAwesomeModeHandler extends ModeHandler {
  // override onClick, onDrag, etc
}

// ...

new EditableGeoJsonLayer({
  modeHandlers: {
    'drawPolygon': DrawPolygonHandler, // DrawPolygonHandler is a built-in mode supported by nebula
    'myAwesomeMode': MyAwesomeModeHandler // a custom mode that is either specific to their app or one that we didn't think of or haven't built yet in nebula
  },
  mode: 'myAwesomeMode'
});

[supersonicclay]

It isn't documented really well, but here's the base ModeHandler class:
https://github.com/uber/nebula.gl/blob/master/modules/layers/src/mode-handlers/mode-handler.js

And here are the built-in modes that nebula provides:
https://github.com/uber/nebula.gl/blob/master/docs/api-reference/mode-handlers/overview.md

[supersonicclay]

Might rename this to onSelectionChanged so it can support select and deselect and, in the future, multi-select.

[georgios-uber]

@xintongxia @supersonicclay Do you think this can import and use nebula's mode-handlers?

[Pessimistress]

This component has been moved into https://github.com/uber/nebula.gl/tree/master/modules/react-map-gl-draw