I setup an OpenLayers regular Google map with a Views OpenLayers Data thingie. Works in FireFix, Chrome, Opera, Safari... except of course in IE9. In IE9 it shows a "blank" map (white) with the controls, even the "Google copyright" is shown.

I tried to debug with the built-in dev tools. I can't see a thing, no JS errors, nothing. Just "being IE9" I guess.

Does anyone have a solution...?

Files: 
CommentFileSizeAuthor
#19 openlayers-blank-gif-1364304.patch349 bytesdavidtrainer
#15 blank.gif43 bytesJonMcL
#1 openlayers-fix-ie-render-1364304-1.patch882 bytesnod_
PASSED: [[SimpleTest]]: [MySQL] 236 pass(es).
[ View ]
google-ie9-screwup.png5.21 KBmorningtime

Comments

nod_’s picture

StatusFileSize
new882 bytes
PASSED: [[SimpleTest]]: [MySQL] 236 pass(es).
[ View ]

related, other version #1362988: The map does not appear in IE but there is no Error during map rendering !?

can you tell me if this patch fixes you issue please.

morningtime’s picture

I was reading about it here,
http://stackoverflow.com/questions/4737223/openlayers-google-maps-layers...

...OpenLayers mistakenly adds a "blank.gif" covering the entire map in IE9:

<div id="OpenLayers.Layer.Google_26_EventPane" style="width: 100%; height: 100%; position: absolute; z-index: 106; background-image: url("/sites/all/modules/contrib/openlayers/themes/default_dark/img/blank.gif"); background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;"/>

This is the part:

background-image: url("/sites/all/modules/contrib/openlayers/themes/default_dark/img/blank.gif");

Except that is generated with JS somewhere in OpenLayers.js ... So this is an official Openlayers bug

morningtime’s picture

I tried your patch from #1, but it has no effect in removing the blank.gif.

morningtime’s picture

Status:Active» Reviewed & tested by the community

Wait, it does work. Refreshed my browser cache, your patch seems to work.

nod_’s picture

Status:Reviewed & tested by the community» Active

umm, try to hack around in the OpenLayers.js library file and replace : set animationEnabled: false, for google layer type. Seems to be an issue with v3

nod_’s picture

Status:Active» Reviewed & tested by the community

\o/ horray, i'll just wait tomorrow for confirmation and i'll commit. sorry for the status change, took too long to respond.

zzolo’s picture

I just committed code to add the animationEnabled option in the interface.

nod_’s picture

Status:Reviewed & tested by the community» Fixed

commited to 7.x-3.x

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

vasike’s picture

Version:7.x-3.x-dev» 7.x-2.x-dev
Status:Closed (fixed)» Active

i can confirm this issue and the commit won't fix the IE problem
it seems there's an issue within "OpenLayers.js", it calls "blank.gif" several times.
if i change it to ""img/blank.gif" it will work in IE.
it looks like it doesn't use the right path. is this Openlayers library issue?

JonMcL’s picture

I'm not fully versed on the patch discussed above, but I did just hit this problem again after upgrading my OpenLayers module. I had previously fixed the IE issue by renaming blank.gif to _blank.gif.

Today I tried something different -- I created a new blank.gif file from scratch. It appears that IE has a problem with the themes/default_dark/img/blank.gif file that is packaged with the module. My new one seems to work fine.

vasike’s picture

Status:Active» Needs review

i can confirm #11 issue and solution. so i think the themes/default_dark/img/blank.gif file should be replaced with the right one.
thanks JonMcL

vasike’s picture

Priority:Normal» Critical
zzolo’s picture

Priority:Critical» Major
Status:Needs review» Needs work

Hey @JonMcL, can you attache your blank.gif file, please. thanks.

JonMcL’s picture

StatusFileSize
new43 bytes

File attached.

I believe I made it in Adobe Fireworks.

zzolo’s picture

Status:Needs work» Fixed

Fixed. Thanks for the image, @JobMcL.

http://drupalcode.org/project/openlayers.git/commit/21e2956

If someone can confirm that it is working, that would be awesome.

criz’s picture

Thx, I can confirm that it fixes the issue, at least in ie7 and ie8...

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

davidtrainer’s picture

StatusFileSize
new349 bytes

Patch for Drush Make.

twooten’s picture

working for me - thanks!

ordermind’s picture

For me the only one of these fixes that worked was #10. I used a local version of OL and changed "blank.gif" to "img/blank.gif" in OpenLayers.js and that did the trick.

AdamGerthel’s picture

odd problem. Replacing the blank.gif worked for me. I used the one from #15

alexpz’s picture

#15 solution did fixed my problem by changing the blank.gif with the attach one.

Pol’s picture

Assigned:Unassigned» Pol
Status:Closed (fixed)» Active
dianacastillo’s picture

I did this patch #1 and now instead of a totally white screen , i get: "Error during map rendering: TypeError: Unable to get value of the property 'transform': object is null or undefined"

dianacastillo’s picture

#10, I dont see blank.gif anywhere in the openlayers/js/openlayers.js , but just in case i replaced blank.gif for the one in this issue, but makes not diference, I still get "Error during map rendering: TypeError: Unable to get value of the property 'transform': object is null or undefined"
I'm using 7.x-2.0-beta3

Rob C’s picture

Long story short: I updated to 1aafdad93249b562a0895a6751d46aedcd2ac1ba and then the error dianacastillo describes looks fixed. (also seen the blank page without an error, but can't remember what i did to fix that)

@dianacastillo did you try other maps? Like the OSM streetmap? Just to rule out if your issue is a Google-only issue.

(I'm starting to believe we could possibly be mixing up issues here)

dianacastillo’s picture

Hi rob, what do you mean you updated to 1aafdad.. etc? what does that mean?

I downloaded the openlayer library, instead of the hosted openlayers library, replaced the blank gif, changed maps, ( I was using the mapquest OSM, using google map now ) and I still get this message on IE 9 and no map:
"Error during map rendering: TypeError: Unable to get value of the property 'transform': object is null or undefined"

dianacastillo’s picture

The problem has to do with the layers, when I disable all of the layers the map shows up fine in IE. But as soon as I mark one of the layers as activated and enabled I get that error : "Error during map rendering: TypeError: Unable to get value of the property 'transform': object is null or undefined"

dianacastillo’s picture

The problem with viewing it in IE is caused by a conflict with the Adaptive Image Styles module. If I disable that module the map works fine in IE 9

jayhawkfan75’s picture

Issue summary:View changes

@Rob C: Thank you for your #27 comment from a year ago. I switched to another map type and cleared my cache, and voilà! Sometimes is just so simple.

  • zzolo committed 21e2956 on 7.x-3.1.x authored by JonMcL
    Issue #1364304 by JonMcL: blank.gif fix.