Javascript 信息窗口显示最小大小，无论是什么

这里有几篇与此主题相关的帖子，但我在阅读的每一篇文章中都应用了似乎相关的内容：

CSS

.infoWindow {
    width: 90px;
    height: 90px;
}

创建信息窗口并分配给标记

var infowindow = new google.maps.InfoWindow({
    content: '<div class="infoWindow">Test</div>',
    maxWidth: 100
});

infowindow.open(map,test);

var infowindow=new google.maps.infowindow({
内容:"测试",，
最大宽度：100
});
打开（地图，测试）；

结果

正如您所看到的，信息窗口以最小的大小显示，并且没有可见的文本，如果我去掉

标记和所有样式参数，并尝试显示“Test”，也会出现这种情况

为什么信息窗口坚持保持最小尺寸？

EDIT：结果表明，这个问题只发生在“重新加载”时，即：当页面被缓存时。每次我清除缓存时，它都可以正常工作，但如果我在不清除缓存的情况下重新加载页面，它会显示如上图所示。

---

在Firefox和Chrome、OSX上试用过此解决方案，将内容放入变量中

var content='<div class="infoWindow">Test</div>';

var infowindow = new google.maps.InfoWindow({
    content:content,
    maxWidth: 100
});

var content='Test'；
var infowindow=new google.maps.infowindow({
内容:内容,，
最大宽度：100
});

在过去，我也有类似的问题，这是有效的

更新

根据文档，我已从

Infowindow

中删除了一些选项

InfoWindowOptions对象文本包含以下字段：
1） 内容
2）位置
3）最大宽度

更新2

将

minheight

，

minwidth

css属性设置为

.infoWindow

类

更新3

---

有关您的新问题，请参见堆栈问题

，这不重要。顺便说一句，信息窗口没有宽度、高度或最大高度选项。。。（它确实有一个maxWidth，但这似乎与问题无关）。我没有看到

width

、

heigh

t和

maxHeight

参数。您是否为这些元素添加了重载？@geocodezip我没有看到您的评论。您是否尝试删除该选项？谢谢您的帮助，但无法运行，infowindow仍处于最小大小。您正在使用哪个浏览器？我在不同的浏览器中有不同的行为，你的代码设置infowindow内联中div的高度和宽度对我很有效。你的live站点对我很有效，infowindow看起来不像你的图片，看起来可能是90px 90px，也许您的浏览器缓存中有一个旧版本。@geocodezip是的，我刚刚意识到，当我清除缓存并重新加载页面时，它看起来很好。如果我调整窗口大小并重新加载页面，它将显示为我文章中的图像。我现在认为这是一个由调整窗口大小引起的小故障。每次我都必须清除缓存才能使其正确显示。@geocodezip是的，我刚刚意识到，当我清除缓存并重新加载页面时，它看起来很好。如果重新加载页面，它将显示为我文章中的图像。我每次都必须清除缓存才能使其正确显示。