Discussion :

[xillibit]

Bonjour,

J'ai une infowindow avec une image dedans, mais l'infowindow a des ascenseurs. Je voudrais que l'infowindow soit de la même taille que l'image pour éviter d'avoir des ascenseurs : http://www.pays-de-faverges.com/site_ccpf_test/map.html

Si vous avez une idée ?

Cordialement

[NoSmoking]

Bonjour,
il te suffit de mettre le texte et l'image dans un conteneur, div, auquel tu fixes les dimensions qui vont bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var infowindow = new google.maps.InfoWindow({
    content: '<div style=height:250px;width:300px;text-align:center;">La cl&eacute; p&eacute;pini&eacute;re d\'entreprises<br /><img src="http://www.pays-de-faverges.com/upload/wysiwyg/batiment_lacle_mini.jpg" /><\/div>'
  });

[xillibit]

Avec votre méthode cela agrandit bien la taille du contenu, mais le souci c'est que j'ai des ascenseurs et la bulle reste à la même taille

[NoSmoking]

il faut bien se rendre compte que GoogleMap cherche à afficher l'InfoWindow en entier, donc si je prend la place occupé par le marker, celle de la barre de contrôle il ne reste pas grand chose quand on à une fenêtre petite comme c'est ton cas.

Donc tu peux te passer de mettre une hauteur au conteneur et augmenter la hauteur de la map jusqu'à ce le fasse, à vue de nez 400px mini.

Essaies en diminuant la hauteur pour voir le résultat.