谷歌地图没有加载全屏图像

Question

我一直试图在全屏图片上加载谷歌地图没有运气，全屏图像代码取自：

http://klippoglim.no/2010/06/ultimate-full-screen-images-without-flash-iphone-and-ipad-friendly/

它基本上是一个加载全屏图像的javacript，但当我尝试在div上加载谷歌地图时，它显示为完全白色，如：

有人可以帮忙吗？

编辑：

我已经删除了所有的JAVASCRIPT，但它仍然显示出空白。现在是纯粹的CSS问题

Answer 1

可能，这是因为您在谷歌地图初始化之后正在进行全屏叠加。您应该以其他顺序执行（首先是全屏覆盖，然后是谷歌地图初始化）。我无法轻易更改您的代码来测试它，因为它在您的服务器上，但有两种方法可以实现这一点（尝试一个，如果它不起作用，请尝试另一个）。

（1）将您的全屏javascript标记移到Google地图代码上方：

<script type="text/javascript" src="/js/scaler.js"></script>
<script type="text/javascript" src="/js/full.js"></script>
...
var map = new google.maps.Map(document.getElementById("map-div"), myOptions);

（2）将您的Google地图代码移至$(document).ready来电：

$(document).ready(function() {
    ...
    var map = new google.maps.Map(document.getElementById("map-div"), myOptions);        
    ...
});

Answer 2

尝试设置围绕地图的div z-index

Answer 3

修正了它，这是一个z索引问题，显然我必须逐个设置