Google Map .InfoWindow Définir la hauteur et la largeur
Comment pouvez-vous définir la taille et la largeur d'une carte google maps InfoWindow
? J'ai regardé sur la page de l'api et seulement trouvé un maxWidth
méthode.
Edit: j'ai essayé quelques petites choses. Jusqu'à présent, aucun de ces travaux:
var markerInfoWindow = new google.maps.InfoWindow({
content: markerHTMLString,
maxHeight: 400, //Doesn't work
maxWidth: 400, //Doesn't work
width: 300, //Doesn't work
height: 300 //Doesn't work
});
Aussi dire markerHTMLString
est égale à ceci:
<div class = "MarkerPopUp"><div class = "MarkerContext">Text</div></div>
J'ai essayé ces trois options (aucun d'entre eux travaillaient)
-
.MarkerPopUp { height: 300px; width: 300px; }
-
.MarkerPopUp { height: 300px; width: 300px; } .MarkerContext { height: 300px; width: 300px; }
-
.MarkerContext { height: 300px; width: 300px; }
Également, cela ne fonctionnera pas:
document.getElementById('MarkerPopUp')parentNode.style.overflow = '';
ou ce
document.getElementById('MarkerPopUp').parentNode.parentNode.style.overflow = '';
Je suis à peu près en passant par chaque thread que je peux trouver et d'essayer tout ce qui. Pour limiter un peu les choses (même si il peut y avoir un autre problème)
source d'informationauteur Stanley Cup Phil
Vous devez vous connecter pour publier un commentaire.
Il se peut que lorsque le html est passé dans la map api et analysé qu'il n'a pas accès à votre feuille de style delcarations. Essayez d'ajouter votre largeur de style en ligne sur MarkerPopUp.
Je sais, je déteste les styles en ligne aussi, mais cela pourrait résoudre votre problème dans ce cas.
Paramètre de style pour le gm-style-iw ne le travail!
Utiliser !important dans le css
Vous pouvez utiliser le wrapper
<div>
et ajouter du style comme ce<div style='height: 40px; text-align: center'>
et ajouter le code css.gm-style-iw { max-width: 400px!important;}
dans votre fichier css;Essayer de code suivant: