javascript - React-Leaflet LayersControl

Question

是否可以从 React-Leaflet 在 LayersControl 添加一个选择框，例如 react-select？我刚得到 LayersControl.BaseLayer 或 LayersControl.Overlay 选项，但它们是复选框。

LayersControl 右上角菜单：

这是我的代码：

<div>
    <Map
      zoom={this.state.zoom}
      maxZoom={20}
      bounds={this.getBounds()}
    >
      <TileLayer
        minZoom={0}
        maxZoom={22}
        maxNativeZoom={18}
        attribution='&amp;copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        url="https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
      />
      <LayersControl position="topright">
        <LayersControl.BaseLayer name="Preto e Branco">
          <TileLayer
            attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            url="https://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png"
          />
        </LayersControl.BaseLayer>
        <LayersControl.BaseLayer name="Estradas">
          <TileLayer
            attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          />
        </LayersControl.BaseLayer>
        {this.addMarkers()}
      </LayersControl>
      <GeoJSON data={jsonData} style={this.geoJsonStyle()} />
    </Map>
  </div>

我在React-Leaflet Documentation找不到任何东西。

感谢提前！

标签： javascriptreactjsleafletreact-leaflet