ansaurus

Question

Weird black spots on custom Google Map with IE

Answer 1

A:

Works fine for me on FF and Chrome.

Pranay Manocha 2010-03-12 14:25:23

Gee. Thanks whoever for the -1. Just because I couldn't figure out how to add a comment rather than an 'answer'.

Pranay Manocha 2010-03-12 15:00:44

You don't have enough reputation to make a comment yet (which is why you didn't see the Add Comment "button" above). Add a couple good (and upvoted) answers elsewhere and you'll soon have access to more functionality. In the mean time, I would delete this answer so it doesn't get dinged any more.

Michael Todd 2010-03-12 15:59:27

I imagine you are getting dinged for a few reasons: 1) the answer, taken at face value, adds NOTHING to this conversation and 2) just shows that you did not read the big bold text at the top of the page, typically referred to as the TITLE of the question, which is generally a summary of the problem domain. IE != FF != CHROME. Taking good advice is not a sign of weakness. Delete this obviously wrong answer and you will suffer no more downvotes. Welcome to SO. ;-)

Sky Sanders 2010-03-23 15:28:45

Answer 2

+2 A:

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

futureelite7 2010-03-15 01:21:36

Is it sad that I can tell he's running IE 8 just by looking at the screenshot?

Lucas McCoy 2010-03-21 04:49:52

+1 for diagnosis. Unfortunately, as you know, there is not a remedy.

Sky Sanders 2010-03-21 21:22:16

Answer 3

+2 A:

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.com/intl/ru_ALL/mapfiles/transparent.png");

Wich reproduce shadow under the info window based on transparent png image, maybe at your client computer 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.

antyrat 2010-03-16 15:41:57

Answer 4

+1 A:

This is completely 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.com, 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

electromaggot 2010-06-26 07:03:16

+1 It looks like you're right. Thanks for sharing this! ... I've added a screenshot as evidence.

Daniel Vassallo 2010-06-26 07:16:34

electromaggot 2010-06-26 07:34:47

ansaurus

tags:

views:

answers:

Weird black spots on custom Google Map with IE

related questions