Google .InfoWindow设置高度和宽度
Google .InfoWindow设置高度和宽度
提问于 2011-05-02 15:14:20
如何设置谷歌地图InfoWindow的大小和宽度？我查看了在api页面上，只找到了一个maxWidth方法。
编辑：，我尝试过一些东西。到目前为止，这些工作都没有：
var markerInfoWindow = new google.maps.InfoWindow({
content: markerHTMLString,
maxHeight: 400, //Doesn't work
maxWidth: 400, //Doesn't work
width: 300, //Doesn't work
height: 300 //Doesn't work
});也可以说，markerHTMLString等于：
<div class = "MarkerPopUp"><div class = "MarkerContext">Text</div></div>我也尝试过这三种选择(没有一种可行)。
- .MarkerPopUp {高度:300；宽度:300；}
- .MarkerPopUp {高度:300；宽度:300；} .MarkerContext {高度:300；宽度:300；}
- .MarkerContext {高度:300；宽度:300；}
这也是行不通的：
document.getElementById('MarkerPopUp')parentNode.style.overflow = '';或者这个
document.getElementById('MarkerPopUp').parentNode.parentNode.style.overflow = '';我几乎正在浏览我能找到的每一条线索，并尝试每一件事。只是为了限制一些事情(尽管可能还有另一个问题)
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-05-04 06:24:04
可能是当html被传递到映射api并被解析出来时，它没有访问样式表的权限。尝试在MarkerPopUp上将您的宽度添加为内联样式。
<div class = "MarkerPopUp" style="width: 300px;"><div class = "MarkerContext">Text</div></div>我知道，我也讨厌内联风格，但在这种情况下，它可以解决你的问题。
Stack Overflow用户
发布于 2017-01-17 12:16:14
您可以使用包装器<div>并添加类似于此<div style='height: 40px; text-align: center'>的样式，并在您的css文件中添加css代码.gm-style-iw { max-width: 400px!important;}；
Stack Overflow用户
发布于 2014-08-05 17:29:29
.gm-style-iw{
max-height: 10px;
}通用风格的设置风格-iw做的工作！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5858898
复制相关文章
相似问题
腾讯云开发者
