控制Google Maps InfoWindow的宽度

Question

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

我在API中找到了对maxWidth的引用，但我无法弄清楚在哪里放置它。 有任何想法吗？

Answer 1

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

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

该文档指出， “只有在打开调用之前设置了值才会考虑该值。要在更改内容时更改最大宽度，请调用close，setOptions，然后打开。”

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;'>