Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 有没有办法在地图上显示react传单的下拉列表_Reactjs_React Leaflet - Fatal编程技术网

Reactjs 有没有办法在地图上显示react传单的下拉列表

Reactjs 有没有办法在地图上显示react传单的下拉列表,reactjs,react-leaflet,Reactjs,React Leaflet,我试图在react传单地图上显示一个简单的下拉列表,以显示某些数据的标记。一旦用户从下拉列表中选择了一个选项,我想在地图上显示一些数据。目前我还没有找到一个直接的方法来做这件事。或任何在线示例代码 我已经尝试过模块react传单控件,但由于某些打字错误,我假设它无法正常工作。我曾尝试使用react传单LayerControl.Overlay显示复选框,而不是下拉列表,但我认为这不是我所需要的,也不适合我的情况。任何建议和示例代码都将不胜感激 您是否尝试过LayersControl?您可以找到一些

我试图在react传单地图上显示一个简单的下拉列表,以显示某些数据的标记。一旦用户从下拉列表中选择了一个选项,我想在地图上显示一些数据。目前我还没有找到一个直接的方法来做这件事。或任何在线示例代码


我已经尝试过模块react传单控件,但由于某些打字错误,我假设它无法正常工作。我曾尝试使用react传单
LayerControl.Overlay
显示复选框,而不是下拉列表,但我认为这不是我所需要的,也不适合我的情况。任何建议和示例代码都将不胜感激

您是否尝试过
LayersControl
?您可以找到一些文档

这就是它的工作原理。您可以定义一个
LayersControl
标记,并可以使用GeoJSON数据添加
Overlay
标记。每个
覆盖
标记将是一个不同的层。因此,可以有多个GeoJSON层。每一层都是下拉列表中的一个项目

<LayersControl position="topright" collapsed={false}>
    {this.state.layersName.map((layerName, i) => {
        return (
            <Overlay key={i} name={`${layerName}`} checked>
                <GeoJSON
                    data={this.state.layersData[i]}
                />
            </Overlay>
        )
    })}
</LayersControl>

{this.state.layersName.map((layerName,i)=>{
返回(
)
})}