Google地图的全屏切换

Question

我正在开发一个将特定位置添加到Google地图上的项目。一切顺利：http://www.secret-vault.com/nostradamus/locations.html

我添加了一个切换（jQuery）按钮以更改为全屏（可以通过Esc按钮转义）。

        $("#map_toggler").click(function() {
          $("#map").toggleClass("fullscreen")
        });

使用支持CSS将地图更改为全屏：

#map.fullscreen {
  position: fixed !important;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height: 100%;
  margin:0;
  padding:0;
}

我重置了填充等，看看这是否是问题的根源。

问题是......有时它会全屏显示，有时它会填充高度或返回原始高度。特别是在放大/缩小时会发生这种情况。

这里有一个类似的问题：How do I create a show full screen button to toggle my google maps page to be full screen?但是这个解决方案似乎没有做到这一点。

Answer 1

感谢Emmanual的见解

闪烁效果是由api中的错误引起的。更改缩放时，地图仍会查找原始容器大小。显然，尺寸参数是在缩放设置中的某个元素中捕获的。

这可以通过首先将地图设置为全屏然后更改以适合容器来解决。 请参阅此帖子中的详细信息：Google maps responsive resize

感谢支持人员。