Bootstrap 4 单击选项卡按钮更新地图背景

我正在使用Bootstrap4导航选项卡。如图所示，单击Tab4按钮，我只得到一张带有缩放按钮的空白地图，但地图没有加载

任何人都可以建议如何加载标签点击地图。 我已尝试使用以下代码-

 <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();
    });

这段代码加载标签点击地图背景，但我想加载标签按钮点击。 我正在使用openlayers 4

---

感谢您的帮助。谢谢

您使用的是什么版本的OpenLayers？你的地图有大小吗？你能提供一个例子来说明你的问题吗？我使用的是OpenLayers 4。是，在class=“map”中定义了大小。

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