如何基于react-map-gl编辑与交互已有GeoJSON数据？

期望实现的功能场景 #

• 我的react-map-gl地图加载了多个图层：
  • 图层0：来自Mapbox Studio数据源的fill-extrusion图层
  • 图层1：包含LineStrings要素集合的GeoJSON图层
  • 图层2：包含Points要素集合的GeoJSON图层
• 允许用户与已有GeoJSON数据交互：
  • 拖拽图层2中的已有点位
  • 删除图层2中的已有点位
  • 点击选中点位并高亮
• 允许用户在图层2中绘制新的LineStrings以添加数据

当前遇到的问题 #

• mapbox-gl-draw仅支持绘制新增数据，缺乏编辑现有数据的实用案例或文档
• react-map-gl-draw虽有前景，但不兼容React 17且已停止维护，也无法适配新版react-map-gl
• nebula.gl最新稳定版不兼容React 17，安装alpha版后发现其层级较低，不知如何与react-map-gl集成使用EditableGeoJsonLayer；其GeoJSON编辑器符合需求，但未找到对应代码

若有人知晓如何通过react-map-gl+nebula.gl或其他未提及的库实现该功能，恳请提供代码片段或可用示例，谢谢！

内容的提问来源于stack exchange，提问作者Cécile Fecherolle