Leaflet 层控件内的react-leaft功能组

Leaflet 层控件内的react-leaft功能组,leaflet,react-leaflet,Leaflet,React Leaflet,我想用LayerControl.Overlay在FeatureGroup中对不同类型的标记进行分组。但我没有那样做 有什么帮助吗 <FeatureGroup ref={ (reactFGref) => {this._onFeatureGroupReady(reactFGref);} }> <EditControl position='topright' onE

我想用LayerControl.Overlay在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>
{this.\u onFeatureGroupReady(reactFGref);}>
{hardwareData&&hardwareData.map(数据=>{
返回(
...
);
})}

您可能有另一种方法:与其将LayersControl作为FeatureGroup的子级,不如将LayersControl作为MapContainer的子级,将FeatureGroup作为LayersControl的子级:


{hardwareData&&hardwareData.map(数据=>(
等
)}

如果我按照你说的方式来做,我无法为不同类型的标记定义图层。我有两种不同类型的标记,我想分别将它们添加到FeatureGroup中的图层中。我不确定我是否完全理解你在这里试图实现的目标。但是我更新了上面的代码片段以包含你的地图。如果你需要进一步的帮助,你应该考虑添加更多关于你的情况的细节,如有必要,可能作为一个新问题。