react-leaft FeatureGroup inside LayersControl

Question

我想用LayersControl对不同类型的标记进行分组。叠加在FeatureGroup。但是我没有那样做。

帮忙吗?

<FeatureGroup ref={ (reactFGref) => {this._onFeatureGroupReady(reactFGref);} }>
<EditControl
position='topright'
onEdited={this._onEdited}
onCreated={this._onCreated}
onDeleted={this._onDeleted}
draw={{
rectangle: false,
circle: false,
polyline: false,
polygon: false,
}}
/>
<LayersControl position="topright" collapsed={false}>
{hardwareData && hardwareData.map(data => {
return(
<LayersControl.Overlay key={data.type_id} name={`${data.type_id }`} checked>
<Marker>
...
</Marker>
</LayersControl.Overlay>
);
})}
</LayersControl>                
</FeatureGroup>

Answer 1

你可能有另一种方式:而不是把LayersControl作为你的功能组的子，你应该有LayersControl作为你的MapContainer的子，你的功能组作为LayersControl的子:

<MapContainer>
<LayersControl>
{ hardwareData && hardwareData.map(data => (
<LayersControl.Overlay name={data.type_id} key={data.type_id}>
<FeatureGroup>
<Marker /> etc.
</FeatureGroup>
</LayersControl.Overlay>
)}
</LayersControl>
</MapContainer>