Comment supprimer scrollbars de Google map bubble dans Google map Javascript V3
J'ai utilisé Google map javascript V3 de l'API pour afficher une carte. Mais j'ai un problème avec la carte des bulles. Lorsque les informations contenues dans la bulle est plus de la hauteur, c'est l'insertion des barres de défilement dans la bulle.
Comment puis-je supprimer ces barres de défilement et d'attribuer dynamique de la largeur & hauteur de la bulle que par leur contenu?
Ou comment puis-je concevoir mon propre bulle pour la rendre dynamique pour la largeur & hauteur que par le contenu?
Merci d'avance.
source d'informationauteur Somnath Pawar
Vous devez vous connecter pour publier un commentaire.
A eu un problème similaire - des barres de défilement apparaissent dans des fenêtres pop-up avec le contenu du texte, parfois ils disparaissent après la fermeture & de l'ouverture d'un popup de nouveau, ils apparaissent également si j'étais la modification d'une page de niveau de zoom.
Ce post a été utile. J'ai ajouté un peu de CSS cordes et il a résolu tous mes supplémentaire barres de défilement cas:
Si vous avez une image dans votre infowindows comme je le fais, essayez un peu de style inline où vous définissez le contenu de la infowindows. J'ai trouvé l'ajout de
display:block
à la balise img résolu le problème pour moi.Exemple:
http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows
regarder maxwidth
j'ai trouvé que firefox recalcule la hauteur de l'élément. par exemple:
la solution que j'ai trouvé est un peu moche, mais ça fonctionne, nous devons faire gmaps script pour recalculer la hauteur de l'infowindow wrapper après firefox a recalculé les éléments de la hauteur.
Grâce à chromes élément inspecteur, je peux voir que la bulle informative du contenu que vous fournissez est toujours enveloppé dans des <div style="overflow: auto">..</div>. Réglage maxWidth ne semble pas arrêter la barre de défilement horizontale si vous avez le défilement de la hauteur. J'ai décidé que j'avais besoin de pirater le parent de l'élément et de désactiver le défilement horizontal, c'est à dire overflow-x: hidden.
Mettre un id identifiant dans le code html que vous fournissez, et de trouver ce que l'élément (à l'aide de jQuery ici) après l'infoWindow est chargé (besoin d'utiliser addListener). Saut à partir d'un élément de la mère et de l'ensemble de ses overflow-x bien cachés, puis la barre de défilement horizontal est supprimé.
Bien sûr, ceci est un hack - et peut cesser de fonctionner si googles infoWindow code HTML de modifications - j'espère que d'ici là il y aura une meilleure solution.
J'ai eu le même problème, mais a réussi à le résoudre simplement en ajustant la taille de police et la hauteur de la ligne dans la dans mon wrapper.
Je pense que j'ai peut-être trouvé la solution à ce. Dans mon cas, la façon dont j'ai été réglage de la taille de la police a été à l'origine du problème. Je pense que l'API s'appuie sur un pixel taille de la police de la largeur/hauteur (parce que le JavaScript feux trop tard pour calculer autour de la largeur relative? Pas de positif à ce sujet.)
De toute façon, vous devez spécifier les tailles de police au sein de votre infowindow en pixels (pas une unité relative.) Comme:
Une fois que j'avais mis en unités de pixels, j'ai également eu à préciser (pour se débarrasser de la valeur par défaut du paramètre largeur):
Google n'a pas remarque les besoins de mise en forme très soigneusement dans l'API docs, donc il était un peu "essai et erreur" le processus pour obtenir ce travail. Je n'ai toujours pas envie de cette solution est fiable à 100%.