谷歌地图的全屏切换

Question

我正在做一个项目，将特定位置添加到谷歌地图上。 一切正常：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;
}

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

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

这里有一个类似的问题：如何创建一个显示全屏按钮来将我的谷歌地图页面切换为全屏？ 但是这个解决方案似乎并没有起到作用。

Answer 1

感谢Emmanual的见解

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

这可以通过首先将地图设置为全屏，然后更改以适应容器来解决。 在这篇文章中查看详细信息： 谷歌地图响应式调整大小

感谢支持人员。