我们可以使Googlemap infowindow响应,以便根据浏览器窗口的大小改变其大小吗?

时间:2013-01-19 07:19:20

标签: google-maps google-maps-api-3 responsive-design infowindow

我在响应式html页面上放置了一张地图。它有一个标记和一个infowindow。我使用的代码如this

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

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

这可能吗?

1 个答案:

答案 0 :(得分:3)

infoWindow始终具有固定大小,在打开之前计算。这样,CSS解决方案在这里不起作用。

您可以尝试的内容:侦听窗口的resize-event并重新打开infoWindow:

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