有没有办法显示地图上反应单的下拉列表

Question

我试图在react传单地图上显示一个简单的下拉列表，以显示某些数据的标记。用户从下拉菜单中选择一个选项后，我希望一些数据显示在地图上。目前，我还没有找到直接的方法。或任何在线示例代码。

我尝试了一个模块react-leaflet-control，但是由于某些打字错误，我无法使其正常工作。我尝试显示复选框而不是使用react-leaflet LayerControl.Overlay下拉列表，但是我认为这不是我所需要的，并且对于我的情况而言确实不可用。任何建议和示例代码将不胜感激。

Answer 1

您尝试过LayersControl吗？您可以找到一些文档here

这是它的工作方式。您定义一个LayersControl标签，并且可以将Overlay标签与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>