google maps api v3 неправильно загружается

Question

У меня возникли трудности с получением карты для инициализации загрузки окна. Проблема по существу такая же, как и this question, за исключением того, что я уже не использую jQuery для создания карты, поэтому решение, представленное там, не распространяется на меня. Мой код выглядит следующим образом:

function initialize() { 
    var mapOptions = { 
    zoom: 14, 
    center: new google.maps.LatLng(43.703918,-79.422789), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById('location-canvas'), 
    mapOptions); 

    var marker = new google.maps.Marker({ 
    map: map, 
    draggable: false, 
    position: new google.maps.LatLng(43.703918,-79.422789) 
    }); 
} 

google.maps.event.addDomListener(window, 'resize', initialize); 
google.maps.event.addDomListener(window, 'load', initialize);  

При загрузке карты появляется от центра, с отсутствующими тайлами, но если настроить размер окна даже пиксель, он исправляет себя.

Редактировать: Я использую эту структуру CSS/Javascript: nacodes.com/2013/04/23/Fullscreen-Layout-with-Page-Transitions Проблема заключается в том, что в то время, когда она нарисована, карта div не правильный размер. И как только размер до полного размера изменится на размер, он сразу же исправит его. Но первая ничья глючит. Я провел день, пытаясь выяснить, есть ли хороший способ решить, когда повторно инициализировать карту после перехода CSS, которая не вызывает других проблем.

Answer 1

Загружается ли карта в скрытый элемент div /? Если это так, покажите, что div перед загрузкой карты. Посмотрите на этот вопрос: Google Maps loading strangely