地圖上元素的引導程序和地圖設計

Question

我正在使用引導程序和地圖API。 Map Api使用％100高度。我想在地圖上顯示帶有引導程序的創建元素。 Jsfiddle在這裏。

我想要這樣展示。

Answer 1

必須與其他的div包住mapDiv，使「包裝」和「面板」 絕對 讓你的面板可以飛你上面的地圖，並且可以設置的位置您的面板有頂部，左側，底部或右側。

的wrapperMap：

<div class="wrapperMap"> 
    <div id="mapDiv"></div> 
</div> 

<div id="fly" class="panel panel-warning"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Layers Not Found</h3> 
    </div> 
    <div class="panel-body">Sorry, I could not list layers!</div> 
</div> 

的CSS：

#fly { 
    position: absolute; 
    clear: none; 
    left: 20%; 
} 
.wrapperMap { 
    height: 100%; 
    width: 100%; 
    position: absolute; 
    clear: none; 
} 

看看這個JS Fiddle