Отображение проблемы с представлением после добавления начальной загрузки 4 в openlayers - PullRequest
Новая
       24

Отображение проблемы с представлением после добавления начальной загрузки 4 в openlayers

2 голосов
/ 08 октября 2019

Я разрабатываю карту webGIS с Openlayers 6. Она содержит много виджетов и модулей, которые я пишу сам. все было хорошо, пока я не добавил Bootstrap 4 в свой проект.

После добавления Bootstrap 4 (это нормально с Bootstrap 3!) представление больше не отображается (просто пустой div). во-первых, я подумал, что может быть какая-то ошибка, но я проверил консоль браузера, никаких ошибок!
Это пакеты, которые я добавил: 

Bootstrap 4.0.0
jQuery 3.4.1
Openlayers 6.0.1 css and js

Все отлично работает перед добавлением одной из этих строк: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

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

Вот мой CSS для div, связанных с картой: 

html,
body,
#map {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

Я пытался изменить / удалить эти CSS, но ничего не происходит,Я также попытался изменить z-индексы, но ничего. Проект еще не подключен к сети, поэтому я не могу дать какую-либо ссылку.

У меня действительно возникают проблемы с этим, и я буду признателен за любую идею или решение, кроме перехода на bootstrap 3:))

С уважением, М. Махмудян

...