[Google map api v3信息窗口显示

Question

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

Answer 1

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 2

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

[我10月份就与Google开了一家ticket，但从未成功。

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

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样式。