控制Google Maps InfoWindow的宽度

Question

任何人都知道如何在Google地图中设置InfoWindow的宽度？当你点击谷歌地图中的一个点时，信息就像卡通一样弹出。我可以通过CSS控制高度，但无法弄清楚如何更改宽度（我想要比默认的infowindow更薄）。

我在API中找到了对maxWidth的引用，但我无法确定将其放在何处。有什么想法吗？

Answer 1

对于API的v3，InfoWindowOptions.maxWidth属性可以满足您的要求。 InfoWindow构造函数接受InfoWindowOptions对象的可选参数。

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

documentation注意到“值仅在调用open之前设置时才被考虑。要在更改内容时更改最大宽度，请调用close，setOptions，然后打开。”< / em>的

Answer 2

您可以覆盖Google地图的样式。

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

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

Answer 3

你可以像这样添加div：

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