We're using Openlayers for a current project of ours and are huge fans, but we are experiencing an issue with IE. I'm at the end of my knowledge and would appreciate any pointers that help us figure out what's going on. I'm willing to pay someone to help us find a solution too, please contact me.
Basically, the Google Maps layers started showing up blank in IE after it was working for a while. We're now using Openstreetmap because that base layer is still working. It must have something to do with our Drupal settings (we thought we had it nailed down to the performance settings but that turned out to be wrong, caching actually helped us fix this issue http://drupal.org/node/613002), but we rolled everything back without success. Take a look at the dev site here, http://zayo.uisdev.com/map/northwest.
Any pointers are highly appreciated, as I said, I'd be happy to pay somebody too.
Thanks, Chris

Comments

challer’s picture

challer commented

Actually posted the wrong link, meant to post this one http://zayo.uisdev.com/map/north

zzolo’s picture

zzolo commented

First is that you need to upgrade to the newest version (there are many bug fixes). What version of the OpenLayers library are you using? I don't have IE readily available at the moment, but a quick look at the source code leads to these thoughts:

1) You should not be using the JS compression when trying to debug.
2) It looks like you have feature data for the whole country, but you are only showing the northwest. This seems odd. Maybe you have your Views arguments/filters set up wrong. IE has been known to choke easily on too many points, and this would explain why you only recently experienced this issue.

challer’s picture

challer commented

Thanks for the quick response. We tried upgrading but that didn't fix it, neither did reducing the points. Thanks for the JS pointer. The strange thing is it seems to be a hit or miss, we have a database snapshot from a couple of days ago that sometimes fixes the problem and other times not. Sometimes I wonder if it's somehow caching related, but we've already looked into that without success.

tmcw’s picture

tmcw commented

Hey challer, if Google Maps were working, and then vanished at some point in time, it was likely the problem with the OpenLayers Javascript source. We had made the module point to http://www.openlayers.org/dev/OpenLayers.js for a while (because it included fixes for IE7 and IE8 that /api did not. However, OpenLayers /dev is broken, and changing your OpenLayers source to http://www.openlayers.org/api/OpenLayers.js will likely fix your issue.

challer’s picture

challer commented

Thanks for the hint, I upgraded but that didn't fix it either. It seems like it might be a transparency issue, where IE renders a transparent layer above white, because it seems to load the map and logo. Still clueless...

tmcw’s picture

tmcw commented

Apparently your working copy has a problem that isn't in the mainline OpenLayers:

    var class_names = {
      'point': 'OpenLayers.Handler.Point',
      'path': 'OpenLayers.Handler.Path',
      'polygon': 'OpenLayers.Handler.Polygon',
    };

The actual module has

    var class_names = {
      'point': 'OpenLayers.Handler.Point',
      'path': 'OpenLayers.Handler.Path',
      'polygon': 'OpenLayers.Handler.Polygon'
    };

The comma kills IE. IE doesn't like trailing commas. Update to the latest OL, clear your caches, and this should resolved.

tmcw’s picture

tmcw commented

Any luck?

challer’s picture

challer commented

Unfortunately not, we ended up having to go a different route for this project. Thanks for all your help looking into this!

tmcw’s picture

tmcw commented
Status: Active » Closed (fixed)

Okay, closing.