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
Libérer: 2024-11-04 16:52:01
original
346 Les gens l'ont consulté

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>
Copier après la connexion
<code class="css">#mydiv{
    width: 500px;
    height: 100px;
}</code>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal