CODEWITHSUNDEEP
google-maps
lennysan
lennysan

Reputation: 1350

Google maps not completely rendering in IE8

See screenshot. Chrome/Safari/Firefox work perfectly. In IE8, it goes to about a third of the way down and then is just gray for the rest of the page. The wacky thing is that as soon as I resize the page in any way, the rest of the tiles come in and it works great. I've attempted the "google.maps.event.trigger(map, 'resize')" fix, but that hasn't helped. Any advice would be much appreciated.

Upvotes: 2

Views: 2115

Answers (3)

Chandresh M
Chandresh M

Reputation: 3828

please try this code after your initialize() OR loadMap() function.

setTimeout("loadMap()",500);

and put this line at the end of initialize function.

clearTimeout(0);

This may helpfull for you.

Upvotes: 0

lennysan
lennysan

Reputation: 1350

Finally figured it out. You have to do the following, but also delay it by a bit for the map to finish loading. So lame.

setTimeout('google.maps.event.trigger(gMap, "resize");gMap.setZoom(gMap.getZoom());', 300);

Upvotes: 1

codewario
codewario

Reputation: 21418

Try calling 'map.checkResize()' after the map is supposed to have been drawn. I don't do much web development, but I remember a buddy of mine having the same issue recently and he fixed it by having IE call that method after drawing the map.

Hope this helps, if I misunderstood your question, I do apologize.

Upvotes: 0

Related Questions