Maison >interface Web >tutoriel CSS >Comment résoudre les problèmes de dimensionnement d'InfoWindow dans l'API Google Maps v3 ?

Comment résoudre les problèmes de dimensionnement d'InfoWindow dans l'API Google Maps v3 ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-04 16:52:01347parcourir

How to Fix InfoWindow Sizing Issues in Google Maps API v3?

Problème de dimensionnement de l'InfoWindow dans l'API Google Maps v3

Lorsque vous cliquez sur l'icône d'accueil sur une carte Google Maps v3, l'InfoWindow correspondante n'est pas automatique -dimensionner correctement pour s'adapter à son contenu. Au lieu de cela, des barres de défilement apparaissent.

Solution :

La cause première de ce problème a été résolue par Google dans le numéro https://issuetracker.google.com/issues/35823659. et résolu dans la version 3.19 de l'API Maps JavaScript en février 2015.

Cependant, une solution de contournement peut être implémentée en ajoutant un div dans l'InfoWindow et en définissant sa taille à l'aide de CSS. En supposant que toutes les InfoWindows ont la même taille, le code suivant peut être utilisé :

<code class="html"><div id="mydiv">YourContent</div></code>
<code class="css">#mydiv{
    width: 500px;
    height: 100px;
}</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn