控制Google Maps InfoWindow的宽度

Question

有人知道如何在Google地图中设置InfoWindow的宽度吗？当你点击谷歌地图中的一个点时,信息就像卡通一样弹出.我可以控制通过CSS的高度,但无法弄清楚如何改变宽度(我想不是默认的信息窗口更薄).

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

Answer 1

对于API的v3,该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;
}