如何启用多边形(geofence)编辑在单击面本身时启用，而不单击编辑按钮

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

此url将有一个示例https://www.icampanile.com/reactjs/react-leaflet-and-google-map-layer-with-controls-draw/ _onFeatureGroupReady方法，其中包含

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