Javascript Gmaps.js不在引导模式内加载

hello world我在使用gmaps.js我有一个无法解决的问题，问题是当我创建map div时，它工作得很好，但当我将div（map container）放入引导模式时，它不会加载或显示任何内容，我认为这与css中的“display”属性有关，但我无法解决这个问题 谢谢你的帮助这是我的代码

内部文档准备功能

  map = new GMaps(
 {
   el: '#map',
   lat:36.184164,
   lng:43.975181,
   click:function (e) {
    console.log(e.latLng.lat());
 }
});

这是我在modal中的引导行

 <div class="row" style="background: red;">
    <div class="col-lg-12">
            <div id="map"></div>
    </div>
</div>

---

也许这只是一个css问题？例如，尝试以下样式

#map {
    width: 300px;
    height: 200px;
}

---

您需要使用手动调用modal

$('#myModal').modal('show')

之后，您需要在模式“show.s.modal”事件回调中初始化GMAP，如下所示：

$('#myModal').on('shown.bs.modal', function (e) {
  map = new GMaps({
   el: '#map',
   lat:36.184164,
   lng:43.975181,
   click:function (e) {
    console.log(e.latLng.lat());
   }
  });
});

工作区：