我尝试使用V3 Javascript API在Google地图上创建InfoWindow,窗口需要固定大小,没有滚动条。我自动获得的窗口高度似乎无法覆盖。
这里有很多帖子,答案暗示设定
的高度.gm-style-iw{
height:something!important;
}
或将高度作为构造函数参数传递
new google.maps.InfoWindow({
content: '<my custom markup>',
height : 500
});
或设置窗口包装器将自动调整的自定义内容的高度,但这些不起作用:gm-style-iw元素和我自己的内容得到适当的高度,但窗口包装器忽略其内容的大小并使其内容可滚动。抑制滚动条是不可行的,我需要窗口足够大,不需要滚动条。
在检查了infowindow结构之后,它似乎包括一个画在画布上的外边框,一些带溢出的内包装:auto;防止溢出,然后我们可以注入窗口的自定义内容。外部内容由一些Google脚本实时控制。我可以看到我在浏览器中所做的更改被撤消,而强制InfoWindow重绘的技巧总会导致返回相同的错误大小。
如何准确调整包装窗口的大小?
答案 0 :(得分:0)
您是否尝试过让地图更大?
此处还有一些很好的问题与您有类似的问题,您可能需要查看相关的侧边栏 - &gt;
这里似乎对你有用: How to set a specific height for Google Maps infowindow?
希望这有帮助!祝你好运!