There is a bug with the default installation of openpublish http://drupal.org/project/openpublish. Here is a screenshot of the javascript error. Does anybody know what this means?
http://thechefsgalley.com/gmaps_bug.jpg

Comments

iceburgerman’s picture

iceburgerman commented

I've had this problem and it took me a good couple of hours to figure it out.

* Check the CSS by removing all CSS and see if google map shows up *
as commented in here
http://drupal.org/node/591792

bmblack’s picture

bmblack commented

Thanks for the tip! I disabled my css and all of a sudden the map popped up.

FYI - I'm using the Zen theme. I traced the issue down to the normalize.css file. In the Embedded content section, it had a max-height of 100% for the img tag

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */

  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */

  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}

I added a wrapper around my google map and gave it the class "map-wrapper", then added the following css:

.map-wrapper img {max-height: inherit;}