Есть ли способ показать выпадающий листочек на карте

Question

Я пытаюсь показать простой выпадающий список на карте реагирования, чтобы показать маркеры определенных данных.Как только пользователь выбирает опцию из выпадающего списка, я хочу, чтобы некоторые данные отображались на карте.В настоящее время я не нашел прямой способ сделать это.Или любой пример кода онлайн.

Я попробовал модуль response-leaflet-control модуля, но я не могу заставить его работать, я предполагаю из-за некоторых ошибок машинописи.Я попытался показать флажки вместо раскрывающегося списка, используя ответную листовку LayerControl.Overlay, но я не думаю, что это то, что мне нужно, и это не очень подходит для моего случая.Любые предложения и пример кода будут с благодарностью.

Answer 1

Вы пробовали LayersControl?Вы можете найти документацию здесь

Вот как это работает.Вы определяете тег 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>