google-maps - 我们能否使 Googlemap 信息窗口具有响应性，使其大小根据浏览器窗口的大小而变化？

Question

我正在将地图放在响应式 html 页面上。它有一个标记和一个信息窗口。我正在使用这样的代码

我的 map_canvas 的宽度会根据媒体的宽度进行调整。它使用@media 标签设置样式。

我想根据媒体大小增加或减少信息窗口的大小。

那可能吗？

Answer 1

infoWindow 始终具有固定大小，在打开之前计算。这样一来，CSS 解决方案将无法在这里工作。

您可以尝试什么：监听窗口的调整大小事件并重新打开 infoWindow：

google.maps.event.addDomListener(window, 'resize', function() {
          infowindow.open(map);
        });