Editing a polygon with a hole in it doesn't recognize or allow editing the hole

[kjkurtz]

Describe the bug

When adding a geojson Polygon with a hole ring in it to react-map-gl-draw, it doesn't recognize the inner ring of the Polygon as a 'hole' and simply disregards it. This is not now it works when using the vanilla mapbox-gl-draw library.

Actual Result

Only the outer ring of the Polygon shows when in EDITING mode even though the inner ring is still part of the geojson.

Expected Result

Just like vanilla mapbox-gl-draw does, I'd expect every lat/lon on the inner ring of the polygon to also render editable nodes.

Reproduce Steps

• Create an instance of Editor and get a ref to it.
• Push a geojson Polygon with a hole ring to it via addFeatures
• Put react-map-gl-draw in EDITOR mode. See that the inner ring does NOT render editable nodes, and only the outer ring renders and covers up the hole (even though the resulting geojson still includes it) Sample data and vanilla mapbox-gl-draw example can be found here: https://codepen.io/kjkurtz/pen/dyoWLpy

  Screenshots

  This is now vanilly mapbox-gl with mapbox-gl-draw behaves and what I'd expect:

  

  This is now react-map-gl-draw behaves. Note the missing nodes on the inner ring:

  

  Both of these are using the EXACT same geojson.

  To Do List

  • [x] Add label and assign to milestone
  • [ ] Coding
  • [ ] Test

[xintongxia]

Polygon with holes are not supported at the moment.

[supersonicclay]

They are not supported with react-map-gl-draw. However, they are supported with the deck.gl-based EditableGeoJsonLayer. https://nebula.gl/docs/api-reference/layers/editable-geojson-layer