设置谷歌地图信息窗口的高度

Set height of Google Map InfoWindow

本文关键字：高度 窗口 信息窗 谷歌地图 信息 设置      更新时间：2023-09-26

我正在尝试使用V3 Javascript API在谷歌地图上创建InfoWindow，窗口需要固定大小，并且没有滚动条。我得到的窗口自动获得一个高度，我似乎无法重写。

在SO上有很多帖子，建议设置

的高度。
.gm-style-iw{
     height:something!important;
}

或将高度作为构造函数参数传入

new google.maps.InfoWindow({
    content: '<my custom markup>',
    height : 500
});

或者设置窗口包装器自动调整的自定义内容的高度，但这些都不起作用:gm-style-iw元素和我自己的内容获得了适当的高度，但窗口包装器忽略了其内容的大小，并使其内容可滚动。抑制滚动条是不可行的，我需要的窗口足够大，滚动条是不必要的。

在检查了信息窗口的结构之后，它似乎由一个画在画布上的外边框和一些带有overflow:auto;这样可以防止溢出，然后我们可以将自定义内容注入窗口。外部内容是由一些Google脚本控制的。我可以看到我在浏览器中所做的更改被撤销了，像强迫InfoWindow重新绘制这样的技巧总是导致相同的错误大小。

如何准确地调整包装窗口的大小?

你试过让你的地图本身更大吗?

这里也有一些很棒的问题和你的问题相似，你可能想看看相关的边栏->

这里有一个似乎对你有用:如何为谷歌地图信息窗口设置一个特定的高度?

希望这对你有帮助!祝你好运!

相关文章：