Gmaps.js不加载自举模态

Question

hello world我正在使用gmaps.js我有一个问题，我无法修复和问题是当我创建地图div完美的作品，但是当我把div（地图容器）里面的引导模式它不会加载或显示任何东西，我认为它与css中的“显示”属性有关，但我不能修复该问题 感谢您的帮助这是我的代码

内部文档准备功能

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> 

Answer 1

您需要致电与

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

手动模态之后，你需要初始化Gmaps模态“shown.s.modal”事件回调是这样的：

$('#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/

Answer 2

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

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