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...?

CommentFileSizeAuthor
#19 openlayers-blank-gif-1364304.patch349 bytesdavidtrainer
#15 blank.gif43 bytesjonmcl
#1 openlayers-fix-ie-render-1364304-1.patch882 bytesnod_
google-ie9-screwup.png5.21 KBAnonymous (not verified)

Comments

nod_’s picture

nod_
Primary language French
Location Lille
commented
StatusFileSize
new openlayers-fix-ie-render-1364304-1.patch882 bytes

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.

Anonymous’s picture

Anonymous (not verified) commented

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

Anonymous’s picture

Anonymous (not verified) commented

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

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Reviewed & tested by the community

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

nod_’s picture

nod_
Primary language French
Location Lille
commented
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

nod_
Primary language French
Location Lille
commented
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

zzolo commented

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

nod_’s picture

nod_
Primary language French
Location Lille
commented
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

vasike
Location Ramnicu Valcea
commented
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

jonmcl commented

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

vasike
Location Ramnicu Valcea
commented
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

vasike
Location Ramnicu Valcea
commented
Priority: Normal » Critical
zzolo’s picture

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

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

jonmcl’s picture

jonmcl commented
StatusFileSize
new blank.gif43 bytes

File attached.

I believe I made it in Adobe Fireworks.

zzolo’s picture

zzolo commented
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

criz
he/him
Location Vienna/Austria
commented

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

davidtrainer commented
StatusFileSize
new openlayers-blank-gif-1364304.patch349 bytes

Patch for Drush Make.

twooten’s picture

twooten commented

working for me - thanks!

ordermind’s picture

ordermind commented

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

adamgerthel commented

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

alexpz’s picture

alexpz commented

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

pol’s picture

pol
Location Brussels
commented
Assigned: Unassigned » pol
Status: Closed (fixed) » Active
dianacastillo’s picture

dianacastillo commented

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

dianacastillo commented

#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

rob c commented

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

dianacastillo commented

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

dianacastillo commented

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

dianacastillo commented

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

katannshaw’s picture

katannshaw commented
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.