Leaflet 层控件内的react-leaft功能组
我想用LayerControl.Overlay在FeatureGroup中对不同类型的标记进行分组。但我没有那样做 有什么帮助吗Leaflet 层控件内的react-leaft功能组,leaflet,react-leaflet,Leaflet,React Leaflet,我想用LayerControl.Overlay在FeatureGroup中对不同类型的标记进行分组。但我没有那样做 有什么帮助吗 <FeatureGroup ref={ (reactFGref) => {this._onFeatureGroupReady(reactFGref);} }> <EditControl position='topright' onE
<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中的图层中。我不确定我是否完全理解你在这里试图实现的目标。但是我更新了上面的代码片段以包含你的地图。如果你需要进一步的帮助,你应该考虑添加更多关于你的情况的细节,如有必要,可能作为一个新问题。