javascript - Weird black spots on custom Google Map with IE - Stack Overflow

admin管理员组

文章数量:1345160

I'm getting some weird black spots with a custom map page (via the Google Maps API v2.x) I have created. (Click SERVICIOS and then the icon farthest south to generate image shown below.) The issue seems to only appear when using Internet Explorer. I'm wondering if this is a mon problem and if there is a mon fix?

Any ideas?

Thanks.

UPDATE

In this picture the browser is IE 8.0.6001.18702

Its hard for me to get specific details about the puter because my client took this screenshot, I have been unable to reproduce these black spots.

removed dead ImageShack link

I'm getting some weird black spots with a custom map page (via the Google Maps API v2.x) I have created. (Click SERVICIOS and then the icon farthest south to generate image shown below.) The issue seems to only appear when using Internet Explorer. I'm wondering if this is a mon problem and if there is a mon fix?

Any ideas?

Thanks.

UPDATE

In this picture the browser is IE 8.0.6001.18702

Its hard for me to get specific details about the puter because my client took this screenshot, I have been unable to reproduce these black spots.

removed dead ImageShack link

• javascript
• internet-explorer
• google-maps

Share Improve this question Follow edited Aug 18, 2015 at 8:35 SuperBiasedMan 9,9891010 gold badges5252 silver badges7676 bronze badges asked Mar 11, 2010 at 22:06 Dom M.Dom M. 3,87988 gold badges3333 silver badges4141 bronze badges 8

• maybe they're blotting out Area 51... haha – Chase Florell Commented Mar 11, 2010 at 22:08
• It didn't happen for me in IE6 (work puter). It looks like it could be a problem with the transparency for the shadow PNG under the dialog. – Dónal Boyle Commented Mar 11, 2010 at 22:10
• 1 @rockinthesixstring (You're about 6000km off. That's near Lima, Peru.) – Michael Todd Commented Mar 11, 2010 at 22:11
• 1 @Michael Todd, that's just what they want you to believe ;-) – Chase Florell Commented Mar 12, 2010 at 1:58
• 2 In case nobody has noticed it: Those are missing parts from the drop shadow of the dialog box. – user215361 Commented Mar 12, 2010 at 14:30

 |  Show 3 more ments

4 Answers 4

Sorted by: Reset to default 3

This is pletely related to the zooming feature in IE8. Ask your client to set his zoom level back to 100% and the black spots magically disappear. This is probably why not everyone can reproduce this problem, because it's a local browser setting. But even now (months later), when I follow your link -- or if I simply go to maps.google., do a search, and get the Marker/InfoWindow -- if I have the zoom level set to > 100%, I see those black shadow pieces where Google's javascript is trying to piece together the drop-shadow. So QED: Microsoft STILL has a bug in their scaling algorithm for transparent PNGs in IE8.

Weird black spots on custom Google Map with IE http://img340.imageshack.us/img340/751/googleblackholes.jpg

This black (png?) bug might be related to this issue:

IE 8 Black bug

What version of IE are you running? (Note that only some part of the drop shadow seems to be affected.)

I failed to reproduce this error (IE6,7,8,FF,Chrome), but I can offer you to try GMaps Utility Library. It allows to create custom info windows using css (live example that use ExtInfoWindow library extension). This library adds you an opportunity to create info windows without transparency which I think is a current problem.

I've tryed to look what google map API doing with info window at IE8 and found that it add CSS filter:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="http://maps.gstatic./intl/ru_ALL/mapfiles/transparent.png");

Wich reproduce shadow under the info window based on transparent png image, maybe at your client puter this opportunity (filter) disabled, so I think the best solution is to use library i suggested.

Also you can try ie7-js library that has IE-PNG fix transparent functionality.

I had this blackspot too. It is generated by the <li>.

Remove the <li> and </li> around the affected area and it will disappear.

本文标签： javascriptWeird black spots on custom Google Map with IEStack Overflow