Google Maps V3：将信息窗口框放置在固定位置答案

【问题标题】：Google Maps V3: Placing Infowindow Box in Fixed PositionGoogle Maps V3：将信息窗口框放置在固定位置
【发布时间】：2014-07-02 23:00:51
【问题描述】：

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

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

【问题讨论】：

标签： jquery css google-maps-api-3 fixed infowindow

【解决方案1】：

让它与引导程序一起工作，将信息窗口放在地图和导航栏上，类似于此地图：WTAMU Map

但是，上述答案缺乏严格控制。默认 infowindow 包含此内容，但我不确定如何使用 infowindow div 专门调用它。

【讨论】：

【解决方案2】：

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

【讨论】：

谢谢！如果我希望该框出现在同一位置但在地图上而不是在其上方，我需要对地图使用“绝对”还是有其他方法？
我不确定你的意思...当它在地图上时它不在地图上方...所以它是不同的位置。
是的，这就是我要问的问题，是否可以将盒子放在地图上，以便盒子覆盖地图的一部分。
有可能。当然你可以使用 CSS 将盒子放在任何你想要的地方，但我建议使用custom control，无论你把地图放在哪里，盒子都会在地图上固定位置。
你是明星！将查看自定义控件。