Openlayers Fullscreen в Angular App работает в Firefox, но не в Chrome - PullRequest
Новая
       24

Openlayers Fullscreen в Angular App работает в Firefox, но не в Chrome

0 голосов
/ 28 августа 2018

Я включил в существующее огромное приложение Angular 5 / Ionic 3.9 карту. Использование Openlayers версии 5.0.2

Мне также нужно включить полноэкранный режим.

В Firefox работает полноэкранный режим. В Chrome переключение на полноэкранный режим работает, но карта не загружена, а также отсутствует div для карты.

Я попытался установить источник FullScreen в div с id / class fullscreen 

<div id="fullscreen" class="fullscreen">
    <div id="map" class="db-map"></div>
</div>

let fullscreenTarget = document.getElementById('fullscreen').parentElement;

  controls: DefaultControls({
      attribution: false
    }).extend([new FullScreen({
      source: fullscreenTarget
    })]),

Также я попробовал несколько модификаций CSS, подобных этой 

.db-map{ 
  #map {
      margin: 5;
      font-family: sans-serif;
      height: 100%;
      width: 100%;
      -webkit-full-screen: 100%;
      -moz-full-screen: 100%;
      -ms-fullscreen: 100%;
    }
}
.fullscreen {
  height: 100%;
  width: 100%;
}
.db-map.fullscreen {
  height: 100%;
  width: 100%;
}

При проверке html-страницы Chrome показывает, что: Полноэкранные хромированные элементы

Firefox показывает, что: полноэкранные элементы Firefox

Но ничего не работает, и я понятия не имею, что я могу попробовать.

Просто продолжение этой проблемы: полноэкранный режим работал в Firefox, а не в Chrome. В новой версии Chrome дефект был исправлен и теперь работает.

...