Почему гугл карты загружаются не сразу?

Question

[dllweb]

Ситуация такая, в общем, есть табы, в одном из табов подгружается гугл-карты, но! Выглядят они почему-то вот так

Если открыть фаербаг, то карта начинает проявляться, что за бред?
Карта подключается через API то есть в конце body

<script src="https://maps.googleapis.com/maps/api/js?key=мой-ключ-от-апи&libraries=places"></script>

а в том месте где карта инициализируется

<script>
window.onload = function(){
	initMap();
}
</script>

Но совсем не ясно, почему происходит так? В консоли Javascript ничего, пусто!

Answer 1

[Falseclock]

а если так?

document.observe
(
	"dom:loaded", 
	function()
	{
		// put your code here
	} 
);

Comments

[dllweb]

вообще не загрузилась

[Falseclock]

dllweb: а что вы вставили вместо // put your code here?

[Falseclock]

и кстати, если у таба в стиле display:none, и он не первый открытый таб, то ничего и не будет грузиться. Вместо этого надо ставить visibility:hidden и дальше через CSS менять значения, как правило ставят или z-index в нижний порог, либо height в 1 или 0 и через transparency делают прозрачным... как-то так

[Falseclock]

либо, через JS инициировать карту ПОСЛЕ того, как там установился параметр display:inline

[dllweb]

Falseclock: вы оказались правы, спасибо!