Google Maps Infobox Autopan Problème

Question

Je rencontre des problèmes avec l'Infobox - http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html - où il ne prend pas en compte l'en-tête et la barre latérale de ma mise en page. Quand quelqu'un clique sur un marqueur et révèle une infobox, il ne fait pas de panoramique automatique sous l'en-tête et la barre latérale (qui sont positionnés absolument au-dessus de 100% largeur/hauteur Google Map) afin que vous puissiez le voir. Je l'ai fait fonctionner parfaitement lorsque j'utilisais Infowindows normal (et avec une barre latérale qui pourrait être cachée), mais je voulais utiliser Infobox afin d'avoir beaucoup plus de contrôle sur le style/look. Pour ce faire, j'ai trouvé la deuxième réponse de cette question - Ensure padding around markers on Google Maps for web - et en utilisant un div et en l'appliquant à la carte comme un contrôle.

est ici un jsFiddle du problème - http://jsfiddle.net/nrjBB/

Toute aide est grandement appréciée.

Answer 1

Enlevez l'en-tête div de votre code HTML et il se déplacera correctement. On dirait que votre CSS est faux.

Essayez ceci:

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: merci pour mettre votre code! Je cherchais l'information d'infobox pour un temps loooong !!!

Answer 2

soit vous devez mettre hauteur de la map_canvas (heightOfWindow -50), parce que l'infowindow se déplacera en fonction de div carte, dans votre cas div de la carte est caché par l'en-tête