javascript - 谷歌地图不加载全屏图像

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 map 代码上方:

<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 map 代码移到 $(document).ready 调用中:

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