Javascript 地图元素的引导和地图设计

我正在使用引导和映射API。Map Api使用%100高度。我想在地图上显示使用引导创建的元素。在这里

我想表现得像这样

---

您必须用另一个div包装您的mapDiv，使“包装器”和“面板”成为绝对的 因此，您的面板可以在地图上方飞行，您可以使用“顶部”、“左侧”、“底部”或“右侧”设置面板的位置

包装图：

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

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

看看这个