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