Mam taki problem. Jest img, po kliknięciu ma się zrobić fadeIn dużej mapy googlemaps. Ładowanie mapy podczas tej operacji jest paskudne, więc postanowiłem załadować ją po załadowaniu okna do diva z display:none, a następnie wykonać już sam fade. Jednak tak zainicjalizowana mapa się źle wyświetla. Nie ładuje wszystkich części mapy, tylko mały jej skrawek (jedną/dwie części). Wie ktoś co z tym zrobić?

Nie wiem jak rozwiązać twój problem, ale znam przyczynę, która może okazać się wskazówką.
Problem polega na tym, że Google API odczytuje rozmiar obszaru na którym ma załadować mapę i ładuje tyle fragmentów mapy ile się na nim zmieści, z małym zapasem.
Rozwiązaniem mogłoby być zdefiniowanie także obszaru w tym ukrytym divie.

No tak, div z display:none nie ma wymiarów:|.

To mu je nadaj. Albo przy pomocy ajax wczytaj mapę do diva.

Nie do końca mnie zrozumiałeś. Wymiary były nadane w CSS, ale były brane pod uwagę wyłącznie, kiedy div miał display:block, przy display:none były ignorowane. Z Ajaksem - wybacz, nie wiem co masz na myśli.

A jakbys nie zmianiał display-u diva z mapą (cały czas byłby 'block'), a zamiast tego wrzucił owego diva z mapką, do innego diva, którego widzialnością będziesz se manipulował ?

a moze cos w stylu position:absolute;top:-9999;left:-9999; diva nie widac i wymiary sa zalezy jak chesz tego uzyc

Poradziłem sobie już z tym problemem w inny sposób. Pomogły dwie metody api googlemaps: