Карты Google не загружаются на весь экран

Question

Я безуспешно пытался загрузить карту Google поверх полноэкранного изображения, код полноэкранного изображения был взят из:

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

это в основном javacript, который загружаетполноэкранное изображение, но когда я пытаюсь загрузить карту Google поверх div, она выглядит полностью белой, как в:

Может кто-нибудь помочь?

РЕДАКТИРОВАТЬ:

Я УДАЛЕНВСЕ JAVASCRIPT, И ОН ЕЩЕ ПОКАЗЫВАЕТ ПРОСТОЙ.Теперь это чистая проблема CSS

Answer 1

Попробуйте установить z-index div, обертывающего карты

Answer 2

Исправлено, это была проблема z-index, по-видимому, мне приходилось настраивать каждый по одному

Answer 3

Вероятно, это потому, что вы делаете полноэкранное наложение после инициализации карт Google.Вы должны сделать это в другом порядке (сначала наложение на весь экран, затем инициализация карт Google).Я не могу легко изменить ваш код, чтобы проверить это, поскольку он находится на вашем сервере, но есть два способа, которыми вы можете это сделать (попробуйте один, и если он не работает, попробуйте другой).

(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);        
    ...
});