I had installed Openlayers. I then installed the Zen theme and many other modules and made many changes irrelevant to the Openlayers module without checking anything so far. I then tried to see what I had actually done and all of a sudden, the whole map(map tiles and overlay images) were stripped and squized and I couldn't understand why. Today, I found out the reason thanks to https://github.com/zurb/foundation/issues/26.
Zen (sub)theme includes by default the following statement in one of its CSS files:
img { max-width: 100%; }

Google/Yahoo/Openlayers Maps don't play well with this and it needs to be overriden to:
img { max-width:none; }.

This bug was encountered in Firefox. I haven't checked other browsers but I suspect it's global.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dasjo’s picture

Status: Active » Fixed

so you have discovered that this isn't caused by Openlayers but the Css library/theme that you were using and one can fix it by overriding max-width: none for img tags within maps.

i'd say thanks for sharing and we can mark it fixed :)

vensires’s picture

Status: Fixed » Needs review

After contacting zzolo he answered "this seems like it should be a specific CSS change to the module". As a result I take the change of reopening this and leaving it a "needs review" status.

Pol’s picture

Status: Needs review » Needs work

Please, provide a patch and I'll include it asap.

Pol’s picture

Muskan kumari’s picture

Assigned: Unassigned » Muskan kumari
Issue summary: View changes
Status: Needs work » Needs review
FileSize
627 bytes

Hi,
I have added a patch for this issues fixes, please verify it.

steinmb’s picture

Assigned: Muskan kumari » Unassigned
Category: Task » Bug report
Priority: Minor » Normal