Google地图信息框Autopan问题

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

当我使用普通的Infowindows（以及可以隐藏的侧边栏）时，我完全可以正常工作，但我想使用信息框来更好地控制样式/外观。为了做到这一点，我找到了这个问题的第二个答案 - Ensure padding around markers on Google Maps for web - 并使用div并将其作为控件应用于地图。

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

任何帮助是极大的赞赏。

来源

2012-08-16 PorousHorse

从您的html中删除标题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：感谢把你的代码在这里！我正在寻找一个懒惰时间的信息框信息！

来源

2012-08-21 18:53:46

-1

要么你必须把map_canvas的高度（heightOfWindow -50），因为infowindow会根据地图div进行平移，在你的案例中地图div被标头隐藏

来源

2013-06-05 12:48:40 user2291196

Google地图信息框Autopan问题

回答

相关问题