控制Google Maps InfoWindow的寬度

Question

任何人都知道如何在Google Maps中設置InfoWindow的寬度？ infowindow就像當你點擊Google地圖上的一個點時會彈出的泡泡一樣。我可以通過CSS控制高度，但無法弄清楚如何改變寬度（我想要比默認的infowindow更薄）。

我在API中發現了一個maxWidth的引用，但我無法弄清楚在哪裏放置這個。有任何想法嗎？

Answer 1

對於API的第3版，InfoWindowOptions.maxWidth屬性可以滿足您的要求。 InfoWindow構造函數接受InfoWindowOptions對象的可選參數。

var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 }); 

的documentation注意到，「如果它是一個調用打開之前設置值僅考慮。要改變內容時改變最大寬度，調用close，setOptions，然後打開。」

Answer 2

，你可以像這樣先加格：

<div style='width:300px;margin:0 0 20px 20px;height:90px;'> 

Answer 3

您可以覆蓋谷歌地圖的風格。

/* Just use .gm-style-iw */ 
.gm-style-iw { 
    width: 300px; 
    min-height: 150px; 
} 

來源：https://katz.co/resizing-infowindow/