MapBox MapBox-GL-геокодер контейнер перекрывает результаты

голоса
0

У меня 2 стандартных MapBox MapBox-л-Geocoder контейнеры друг над другом. И когда результаты поиска из первой появляется в выпадающем списке, второй контейнер перекрывает результаты. Я попытался CSS Z-индекс 1000 над Ли, ул и т.д., но ничего не работает. Теперь я закончил с

geocoderStart.on('results', function(ev) {
            document.getElementById('geocoderEnd').style.visibility = hidden;
        });
        geocoderStart._inputEl.addEventListener('input', function (e) { document.getElementById('geocoderEnd').style.visibility = hidden; });
        geocoderStart._inputEl.addEventListener('blur', function (e) { document.getElementById('geocoderEnd').style.visibility = visible; });

но глючит. Есть простой способ CSS для наложения второго входа с результатами LI? Благодарность

Мой код

const geocoderStart = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder : Starting point,
        });
        const geocoderEnd = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder : Destination point,
        });

        document.getElementById('geocoderEnd').appendChild(geocoderEnd.onAdd(map));
        document.getElementById('geocoderStart').appendChild(geocoderStart.onAdd(map));

введите

Задан 13/02/2020 в 23:56
источник пользователем
На других языках...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more