Обновить кнопку карты на вкладке - PullRequest
Новая
       28

Обновить кнопку карты на вкладке

0 голосов
/ 18 марта 2020

Я использую вкладки Bootstrap4 Nav. Как показано на рисунке, при нажатии кнопки Tab4 я получаю только пустую карту с кнопкой масштабирования, но карта не загружается. enter image description here

Может кто-нибудь предложить, как загрузить карту на вкладке нажмите. Я пробовал с приведенным ниже кодом - 

 <div id="map4" class="map"></div>

  $('a[href="#tab4"]').one("click", function() {    
        var map4 = new ol.Map({
            layers: [
              new ol.layer.Tile({
                source: new ol.source.OSM()
              })
            ],
            target: 'map4',
            view: new ol.View({
              center: [0, 0],
              zoom: 2
            })
          });

         map4.updateSize();
    });

Также я пробовал следующий код - 

document.getElementById('tab4').onclick = function() {  
map4.getTargetElement().hidden = false;
// map resize
map4.updateSize();
map4.render();
map4.renderSync();
};

Этот код загружает фон карты на вкладке, но я хочу, чтобы загрузить на вкладке нажатие кнопки. Я использую openlayers 4.

Любая помощь приветствуется. Thankyou!

...