Problem Solved: AJAX Google Map loads control icons, but not the actual map

I spent too much time trying to hunt down this problem: Google Maps inserted into a WP blog post loads the map control icons, Google logo and copy right text, but doesn't display the actual map. All I could see is a gray background.

It appears to be a pretty common problem with WordPress plugins that use Google Maps API. And the problem is in CSS. Assuming your JavaScript code is correct, make sure that images within the map layer have this rule

#your_map_id img {
max-width: none;
} 

That's all. Hope this helps some one :)

Post new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.