设置Google Map InfoWindow的高度

时间:2015-10-15 16:08:04

标签: javascript google-maps

我尝试使用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重绘的技巧总会导致返回相同的错误大小。

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

1 个答案:

答案 0 :(得分:0)

您是否尝试过让地图更大?

此处还有一些很好的问题与您有类似的问题,您可能需要查看相关的侧边栏 - &gt;

这里似乎对你有用: How to set a specific height for Google Maps infowindow?

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