Mapbox地图无法呈现完整尺寸

Question

由于某些原因，我的Mapbox地图发生了最奇怪的事情。

我的网页上有一个100％宽和高的容器，但是由于某种原因，地图直到导航器窗口（浏览器窗口或呈现html的任何内容）更改大小（例如调用控制台等）后，才会占用其所有空间会限制窗口大小，从而调整地图的大小并正确显示。）

以下是屏幕截图：

This is how map originally loads! As you can see, mapbox's logo and meta loads properly and at right spots

Here I opened console and as you can see the map resized right

Here I closed the console and map resized correctly

我该如何解决？我正在按照默认的方式加载和渲染地图

here is my js:

        window.onload = function(){
      mapboxgl.accessToken = <My_token_is_here_im_not_showing_it>;
      var map = new mapboxgl.Map({
      container: 'bgmap',
      style: "<my_map>"
      });
      map.setZoom(2);
    }

如果有任何问题，我也会使用bootstrap和less.js。

请帮助！