InfoWindowの高さ/幅を設定する前にGoogle MapsでCSSを考慮してください

Question

Google Maps InfoWindowにテキストやフォームの要素を配置しようとしています。私が問題を抱えているのは、テキストの書式設定を超えて余白や浮動小数点数を追加することです。InfoWindowは比率/サイズを失い、小さすぎてスクロールバーを生成します。

InfoWindow内の外側divをdisplay: block;で設定サイズに設定すると機能しません。だから、私はfont-sizeを超えて設定しているCSSを無視しているようです。

高さ/幅を設定する前に、GoogleマップでInfoWindowの要素のCSSを考慮する方法を知っている人は誰ですか？

Answer 1

問題についてcolleagueと話した後、それはCSSが別のクラス内にネストされていることが原因であることが判明しました。 CSSドキュメントのルート内に設定されているすべてのタイプ属性があったので、どこに記述されていますか。

InfoWindowコンテンツのCSS属性をdivのコンテンツにしてCSSのルートに配置すると、実際の高さはGoogleマップでInfoWindowになります。

Answer 2

InfoWindowsのサイズは地図のサイズによって決まるため、小さいマップの場合はInfoWindowと大きくなり、その逆もあります。あなたはスクロールバーを含めるようにInfoWindowを小さくしたいので、もし

InfoWindowは常に、あなたのマップのサイズを変更（あなたがしたいと思う理由を私は知りませんが）、マップへのフィット感になります。 それを大きくしたいのであれば、反対にしてください。