Html 如何在谷歌地图上显示引导列表

我创建了一个GoogleMap应用程序，并使用bootstrap for UI。我想在地图上显示一个列表，但不能。

---

我更改了列表的z索引，但不起作用。我将列表html代码放入map div中，但不起作用。这是css问题吗？

您不能将任何内容放入地图容器中，当您初始化地图时，它将被API覆盖

你可以：

• 将它放在文档中的其他位置，并通过CSS将其放置在地图上
• 或者将它用作

CSS定位示例：

将这两个（映射容器和列表组）都放在一个公共容器中，并将

容器的位置设置为
相对

<div style="position:relative;">
  <div id="map_canvas" style="height:300px;"></div>
  <ul class="list-group" style="">
    <li class="list-group-item active">item#1</li>
    <li class="list-group-item">item#2</li>        
    <li class="list-group-item">item#3</li>
  </ul>
</div>

演示：
您可以在JSFIDLE上共享代码吗？我如何通过css放置代码？我做不到。我在上面加了一个例子
.list-group{
  position:absolute;
  top:0;
  margin:20px;
}