javascript - Google Maps Infobox Autopan 问题

Question

我在使用信息框时遇到了一些问题 - http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html - 它没有考虑我布局中的页眉和侧边栏。当有人点击一个标记并显示一个信息框时，它不会自动从标题和侧边栏下方平移(绝对位于 100% 宽度/高度的 Google map 上方)以便您可以看到它。

当我使用普通的 Infowindows(并带有一个可以隐藏的侧边栏)时，我已经完美地工作了，但是我想使用 Infobox 以便对样式/外观有更多的控制。为了做到这一点，我找到了这个问题的第二个答案 - Ensure padding around markers on Google Maps for web - 并使用 div 并将其作为控件应用于 map 。

这是问题的 JSFiddle - http://jsfiddle.net/nrjBB/

非常感谢任何帮助。

Answer 1

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

试试这个:

html:

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

CSS:

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

PS:感谢您将您的代码放在这里!我一直在寻找信息框信息好久!!!