Problème de hauteur dans Google Maps avec infowindow

Question

J'ai cherché une solution sur le net.

Mon problème est que la hauteur de la fenêtre d'information n'est pas calculée correctement. Il n'y a pas d'image dedans, donc ce n'est pas un problème de chargement d'image ultérieur et la taille n'est pas connue lors de la création de la bulle.

Aussi, si je le remplis avec environ 15 lignes supplémentaires de texte, la taille commence à bien se passer.

Voici ce que je nourris à infoWindowHtml:

<div><h2><a href="">Some title</a></h2><dl><dt>Location:</dt><dd>london</dd><dt>Description</dt><dd><p>Example text </p></dd></dl><p><a href="">Read more...</a></p></div>

Answer 1

Pour résoudre ce problème, vous pouvez définir la largeur et la hauteur de la div principale. Si vous définissez uniquement la largeur, cela fonctionnera. Si vous définissez width, height et overflow: auto, vous obtiendrez également une barre de défilement en cas de contenu trop long.

Toutefois, dans Google Maps V3, ce problème est résolu.

Answer 2

J’ai eu le même problème mais j’ai découvert que j’avais ce problème parce que j’ai réglé le rembourrage sur .contInfoBubble dans le CSS, et non dans le paramètre d’option. Ainsi, je supprime le remplissage du CSS et le définit dans le paramètre lorsque je crée la bulle dans le code HTML (pas encore le fichier .js mais map.html) , de cette façon:

[...]
var ib = new InfoBubble({
   //minHeight: 125,
   minWidth: 220,
   padding: 7,
   borderColor: "#dedede",
   borderRadius: 3,
   pixelOffset: new google.maps.Size(-140, -110),
});
[...]

Et j'ai résolu le problème. Peut-être à toi aussi.

Answer 3

Ajoutez un hauteur-min à votre élément de classe infoWindow.

Cela résoudra le problème si vos fenêtres d’information ont toutes la même taille.

Si ce n'est pas le cas, ajoutez cette ligne de jQuery à votre fonction de clic pour la fenêtre d'information:

//remove overflow scrollbars
$('#myDiv').parent().css('overflow','');