jquery - 谷歌地图 V3 : Placing Infowindow Box in Fixed Position

Question

编辑:我有一个代码可以在带有相关信息窗口的谷歌地图上放置标记。我想做的是修复信息窗口框。我为绝对的信息窗口创建了一个带有子 div 的容器 div，为相对的 map 创建了一个 div。出于某种原因，我在 map 上而不是在 map 上得到了一个信息框，并且信息框文本没有包含在定义的框中。文本超出边界。

Fiddle

HTML

<div id="container"> <div id="map_canvas"></div> <div id="infowindow"></div> </div>

CSS

      #container {
        margin: 0px;
        padding: 0px;
      }
      #map_canvas {
        position: relative;
        height: 400px;
        width: 400px;
      }
      #infowindow {
        position: absolute;
        left:   0px;
        top:    0px;
        height: 100px;
        width: 200px;
        overflow: auto;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        box-shadow: 0 1px 1px #cccccc;
      }

Answer 1

不要使用绝对 位置。如果您不想将框放置在 map 上方，只需将其放置在文档中的 map 之前:http://jsfiddle.net/KgPeN/10/