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

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.

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

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

Status:Active» Reviewed & tested by the community

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

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

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.

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

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.

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?

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.

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

Priority:Normal» Critical

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

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

StatusFileSize
new43 bytes

File attached.

I believe I made it in Adobe Fireworks.

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.

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.

StatusFileSize
new349 bytes

Patch for Drush Make.

working for me - thanks!

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.

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

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

Assigned:Unassigned» Pol
Status:Closed (fixed)» Active

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"

#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

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)

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"

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"

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