reactjs - 如何启用多边形（地理围栏）编辑启用，点击多边形本身，而不点击编辑按钮

Question

我使用 react-leaflet 和 'react-leaflet-draw' 在地图上创建栅栏。

我只想通过单击栅栏本身来编辑栅栏，而不是通过单击编辑按钮。我正在使用 geoJson 创建栅栏，

所以有人可以告诉我在编辑模式下允许围栏的属性吗？

render() {
 return (
  <FeatureGroup>
    <EditControl
      position="bottomright"

      edit={{ remove: false }}
      draw={{
        marker: false,
        circle: false,
        rectangle: false,
        polygon: false,
        polyline: false,
        circlemarker: false,
      }}
    />

{Object.values(this.props.geoFenceIdDataMapWithFlipCoordinates).
 map(geoFence => (
      <Polygon
        key={geoFence.id}
        color={`${geoFence.colorCode}`}
        positions={geoFence.geoData.geoJSON.geometry.coordinates[0]}
      />
    ))}

  </FeatureGroup>
   );
   }
}

Answer 1

https://www.icampanile.com/reactjs/react-leaflet-and-google-map-layer-with-controls-draw/这个网址将有一个示例更新_onFeatureGroupReady方法

leafletGeoJSON.eachLayer((layer) => { leafletFG.addLayer(layer) layer?.editing?.enable()})