ansaurus

Question

Answer 1

+2 A:

Note that Google map controls have a lot more elements than just the outside <div> container. Your CSS might be affecting these elements. For example, you could have an img { display: hidden; } rule that would hide all tiles in the map. I am clearly oversimplifying the example, of course; I doubt it's that simple. :-)

You need to provide a bit more info, in particular snippets of your CSS, for us to be able to help you.

You can also use any DOM inspection tools like IE8's Development Tools, Chrome Developer tools or Firefox add-on Firebug to see the actual CSS applied to the Google map control and see which rules come from where. This would help you identify any possible rules from your CSS that are messing with Google map.

Franci Penov 2010-04-06 16:30:42

Answer 2

+2 A:

It is the overflow: hidden style you have set in your global.css file. remove that and it worked like a charm.

div, p {
    overflow:hidden;
}

Dustin Laine 2010-04-06 16:41:16

Genius! Thank you!

AP257 2010-04-06 17:38:35

ansaurus

tags:

views:

answers:

How can CSS stop Google Maps loading?

related questions