獲取Google地圖在設置InfoWindow的高度/寬度之前考慮到CSS

我試圖將一些文本和表單元素放置到Google Maps InfoWindow中。我遇到的問題是，除了將文本格式化爲添加填充，浮動等外，InfoWindow丟失了比例/大小，因此它太小並且生成滾動條。獲取Google地圖在設置InfoWindow的高度/寬度之前考慮到CSS

將InfoWindow中的外部div設置爲display: block;的設置大小不起作用。因此，它似乎忽略了我設置的超出font-size的CSS。

有人知道在設置高度/寬度之前，獲取Google地圖的方法會考慮InfoWindow中元素的CSS嗎？

來源

2011-08-11 WolfieZero

之後談到colleague關於這個問題，事實證明，這是由於CSS嵌套在另一個類。由於我擁有CSS文檔根目錄中設置的所有類型屬性，因此在哪裏進行了說明。

因此，將InfoWindow內容的內容div內容放入CSS的根目錄中，Google地圖可以計算出InfoWindow的實際高度。

來源

2011-08-12 10:22:14 WolfieZero

以前，InfoWindow中的JQuery-UI按鈕樣式非常好。例如。 *新的google.maps.InfoWindow（'RBMonitoring'）; *但現在的CSS類忽略;其他功能確定。我讀過地圖v3.14的帖子打破了很多風格。對此的任何線索都不會將我引用到InfoBubble或InfoBox或其他任何東西？ – subsci

您的InfoWindows的尺寸由其所在地圖的尺寸決定，因此較大的InfoWindow的地圖會導致滾動條，反之亦然。

InfoWindow將永遠適合地圖，所以如果你想使你的InfoWindow更小，以包括滾動條（儘管我不知道你爲什麼想），然後改變你的地圖的大小。如果你想讓它變大，那麼做相反的事。

來源

2011-08-11 15:38:37

問題不在於減小InfoWindow以包含滾動條，但是當我通過包含浮動元素來移除一些空白（也使其更短）並將填充添加到某些文本以使空間變小對於背景元素，InfoWindow並沒有考慮額外的CSS（忽略它）。 – WolfieZero

獲取Google地圖在設置InfoWindow的高度/寬度之前考慮到CSS

回答

相關問題