Question

我的google map api v3信息窗口显示方式有所不同（今天才注意到）。背景是透明的，宽度很窄。使用v3 Maps API。我有2个站点，并且都具有相同的结果，但最近几天都没有更改。 infowindow.js的最新修改时间：周二，12 Feb 2019 18:33:17 GMT 还有谁？

Answer 1

Google（几天前）刚刚更新了其Maps Javascript API，以更严格地限制InfoWindows。看来他们已经逐渐开始对InfoWindow宽度进行更多控制。您曾经能够在InfoWindow选项中使用maxWidth属性，但是在我的测试中，版本3.34开始被忽略（作为扩大默认信息窗口大小的一种方式）。先前的解决方法是在Google Maps URL中指定v = 3.33，但此操作刚刚停止。

10月份，我为此与Google开通了ticket，但从未成功。

我目前不知道有什么方法可以覆盖InfoWindow的宽度。他们建议人们使用custom popups。

Answer 2

2019年2月14日现在可以使用Maps JavaScript API的3.36版。请参阅版本控制指南。

更改：

添加了新功能：现在，您可以使用MapOption.controlSize更改地图控件的大小。现在，您可以使用MapOptions.restriction限制地图范围。 信息窗口已得到改进。 每周频道已更新至版本3.36。季度频道已更新至版本3.35。按号码要求时，仍可使用版本3.34。版本3.33已删除，无法再使用。

从好的方面来说，它们最终使信息窗口响应。但是，如果您是通过css和max-widths自定义其信息窗口的众多人之一，则必须立即返回并对其进行修复。

它们仍然支持最大宽度，但是现在可以响应。 Info Window with maxWidth

Info Window (updated)

Answer 3

如果您的问题是Google地图在所有infowindow上设置的默认最大宽度，则可以在CSS中解决该问题：

.gm-style-iw div, .gm-style-iw {
    overflow: hidden !important;
    max-width: 9999px !important;
    max-height: 9999px !important;
}

从本质上讲，这会忽略Google地图在其max-width框上放置的内联overflow和infowindow样式。

谷歌地图api v3信息窗口显示

3 个答案: