javascript - Gmaps.js不会在引导模态中加载

你好，世界，我正在使用gmaps.js，我有一个无法解决的问题，问题是当我创建地图div时，它可以正常工作，但是当我将div（map容器）放在自举模式中时，它不会加载或显示我认为与CSS中的“ display”属性有关的任何内容，但我无法解决
谢谢您的帮助，这是我的代码

内部文件准备功能

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

这是我的模态内的引导行

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

最佳答案

您需要手动调用模式

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

之后，您需要在模式'shown.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());
   }
  });
});

工作的JSFiddle：http://jsfiddle.net/9n4592jv/1/

关于javascript - Gmaps.js不会在引导模态中加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33561521/