Openlayers Google Maps layers remain blank in Internet Explorer

Question

I've created a map page using OpenLayers. The user can select a specific thematic overlay (noise levels) by period, noise source and year.

I wanted to allow the user to choose a base (or background) layer: one of two (public) OpenStreetMap layers, the Google base layers, or one of Yahoo! Maps' layers. I originally wanted to provide Bing maps (Virtual Earth) as well, but since those use a different projection, I can't use them in combination with my overlays (custom-served tiles).

It all works fine in almost all browsers: Firefox, Chrome, Safari, and Opera (if you don't click too much). But when using Internet Explorer (versions 7 and 8), selecting one of the Google Maps layers results in a blank background. I've tested with Fiddler, and the tiles aren't even retrieved.

I'm running into a wall here.

Has anybody run into this problem before (and preferably: solved it)? Or does someone have an idea what could be going wrong?

Edit: The site is located at http://software.dgmr.nl/geluidskaart/ .

Answer 1

See #7 of this issue , it seems to fix the problem. Not sure, if it is directly related to your issue though.

Try removing "blank.gif" from the dark theme image folder. It also made it work in IE.

Answer 2

I have had an issue before with Google base layers when using an overview window, and a mix of Yahoo and Google layers.

Try removing the Yahoo layers to see if this is the issue (or the overview map).

I believe there could be a clash of variable names with this combination of JavaScript libraries.

There is an error reported in IE in the ymapapi file:

this.MP is null or not an object

Edit : There is a problem with your CSS. The Google layer / images are loading without problems, but you have a "background: url(http://js.mapbox.com/theme/dark/blank.gif);" attribute on your Google layer. I removed this and the Google maps were displayed without problems.

This appears in your OpenLayers.Layer.Google_95_EventPane DIV.