2015-10-15 32 views
-1

我試圖在使用V3 JavaScript API的Google地圖上創建InfoWindow,窗口需要固定大小,並且沒有滾動條。我得到的窗口自動得到一個我看起來無法覆蓋的高度。設置Google地圖信息窗口的高度

有很多帖子在這裏SO與答案提示設置的

.gm-style-iw{ 
    height:something!important; 
} 

高度或在通過高度的構造函數的參數

new google.maps.InfoWindow({ 
    content: '<my custom markup>', 
    height : 500 
}); 

或我的自定義內容的高度設置爲窗口包裝會自動調整,但這些都不起作用:gm-style-iw元素和我自己的內容獲得了適當的高度,但窗口包裝忽略了其內容的大小並使其內容可滾動。抑制滾動條是不可行的,我需要窗口足夠大,滾動條是不必要的。

在檢查了infowindow結構之後,它看起來是由畫在畫布上的外邊框組成的,其中一些內層包裝有溢出:auto;防止溢出,然後是我們可以注入窗口的自定義內容。外部內容由一些Google腳本實時控制。我可以看到我在瀏覽器中取消的更改,而強制InfoWindow重繪的技巧總是會導致回到相同的錯誤大小。

如何準確調整包裝窗口的大小?

+0

您可以通過CSS定位目標元素 –

回答

0

您是否嘗試過讓自己的地圖變大?

還有一些有你類似的疑問在這裏的一些重大問題,你可能想看看相關的側欄 - >

這裏有一個似乎像它可能爲你工作: How to set a specific height for Google Maps infowindow?

希望這可以幫助!祝你好運!

+0

使地圖更大「固定」這個 - 如果地圖不夠大,不會有大量的CSS黑客或覆蓋可以更改窗口大小。可惜這沒有正式記錄。 –

相關問題