google map api v3 infowindow 显示答案

【问题标题】：google map api v3 infowindow displaygoogle map api v3 infowindow 显示
【发布时间】：2019-11-15 05:14:20
【问题描述】：

我的 google map api v3 infowindows 显示不同（今天才注意到）。背景是透明的，宽度很窄。使用 v3 地图 API。我有 2 个站点，并且都有相同的结果，过去几天都没有更改。 infowindow.js 的最后修改时间：2019 年 2 月 12 日星期二 18:33:17 GMT 还有谁？

【问题讨论】：

标签： infowindow

【解决方案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)

【讨论】：

【解决方案2】：

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

我在 10 月份向 Google 开了一个 ticket，但它从未发生过。

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

【讨论】：

【解决方案3】：

如果您的问题是谷歌地图在所有infowindows 上设置的默认最大宽度，您可以在 css 中解决这个问题：

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

这实际上忽略了 google 地图在其 infowindow 框中放置的内联 max-width 和 overflow 样式。

【讨论】：