InfoWindow无论如何都显示出最小尺寸

Question

这里有几个与此主题相关的帖子，但我已经应用了与我读到的所有内容相关的内容：

CSS

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

创建InfoWindow并分配给标记

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

infowindow.open(map,test);

结果

正如您所看到的，InfoWindow以最小尺寸显示且没有文本可见，如果我删除<div>标记和所有样式参数并尝试显示＆＃34;测试＆＃，情况也是如此34。

You can check the live site yourself here (hover over top right of screen to display map)

为什么InfoWindow坚持保持最小尺寸？

编辑：原来这个问题只发生在＆＃34; reload＆＃34;，IE：当页面被缓存时。每次我清除缓存它都工作正常，但如果我重新加载页面而不清除缓存它会显示如上图所示。 试过Firefox＆amp; Chrome，OSX

Answer 1

尝试将此内容放入变量中。

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

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

过去我遇到了类似的问题，这很有效。

<强>更新

我已根据this文档从Infowindow中删除了一些选项。

  

    

InfoWindowOptions对象文字包含以下字段：
    1）内容
2）位置
3）maxWidth

  

更新2

将min-height，min-width css属性设置为.infoWindow类

更新3

针对您的新问题，请参阅this堆栈问题