有人知道如何设置Google地图中InfoWindow的宽度吗?InfoWindow是当您点击Google地图上的某个点时弹出的卡通气泡。我可以通过CSS控制高度,但无法弄清如何更改宽度(我希望比默认的InfoWindow更窄)。
我在API中找到了maxWidth的参考,但是我不知道该放在哪里。有什么想法吗?
有人知道如何设置Google地图中InfoWindow的宽度吗?InfoWindow是当您点击Google地图上的某个点时弹出的卡通气泡。我可以通过CSS控制高度,但无法弄清如何更改宽度(我希望比默认的InfoWindow更窄)。
我在API中找到了maxWidth的参考,但是我不知道该放在哪里。有什么想法吗?
对于API的v3版本,InfoWindowOptions.maxWidth
属性可以满足您的要求。 InfoWindow
构造函数接受一个可选参数,即InfoWindoOptions
对象。
var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 });
根据文档,"仅在调用“打开”之前设置值才会被考虑。如果要在更改内容时更改最大宽度,请先调用close、setOptions,然后再调用open。"
您可以覆盖 Google 地图的样式。
/* Just use .gm-style-iw */
.gm-style-iw {
width: 300px;
min-height: 150px;
}
你可以像这样先添加一个div:
<div style='width:300px;margin:0 0 20px 20px;height:90px;'>