javascript - Openlayers Google Maps layers remain blank in Internet Explorer - Stack Overflow

admin管理员组

文章数量:1356747

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 bination 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 /.

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 bination 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/.

• javascript
• internet-explorer
• google-maps
• openlayers

Share Improve this question Follow edited Sep 8, 2013 at 19:06 Sergio 28.8k1111 gold badges8989 silver badges132132 bronze badges asked Jan 19, 2011 at 15:38 MartijnMartijn 13.6k44 gold badges5050 silver badges5959 bronze badges 1

• Maybe this is a little bit out of topic but you have the same problem with the "Map Data" popup when Google Maps are selected. As you probably can see in ol examples it is absent because new version of Google layer is used there. I was forced to use ol 2.10 so I just added the new version of layer implementation in script tag and used it. Hope it helps. – user972908 Commented Sep 30, 2011 at 10:31

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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.

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 bination 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./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.

本文标签： javascriptOpenlayers Google Maps layers remain blank in Internet ExplorerStack Overflow