Javascript 谷歌地图信息箱自动扫描问题

我在使用信息框时遇到了一些问题--它没有考虑到布局中的标题和边栏。当有人点击一个标记并显示一个信息框时，它不会从标题和侧边栏（它们绝对位于100%宽/高的谷歌地图上方）的下方自动平移，以便您可以看到它

当我使用普通的信息窗口（并且有一个可以隐藏的侧边栏）时，我可以很好地实现这一点，但是我想使用信息框来更好地控制样式/外观。为了做到这一点，我从这个问题中找到了第二个答案——使用div并将其作为控件应用于地图

这里有一个小问题-

---

非常感谢您的帮助。

从html中删除header div，它将正常平移。听起来你的CSS是错的

试试这个：

html:

---

PS：谢谢你把代码放在这里！我一直在寻找信息箱信息

或者您必须放置map_画布的高度（heightOfWindow-50），因为infowindow将根据map div进行平移，在您的示例中，map div被header隐藏

<div id="header"></div>
<div id="map_canvas"></div>
<div id="sidebar"></div>

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100%; }
#header { width: 100%; height: 50px; background: #000; }
#sidebar { width: 100px; height: 100%; background: #999; position: absolute; top: 0; right: 0; }

.info-box { background: #ffffff; }