| Issue 3875: | Bug: blurred/hazy maps in IE9 after navigation | |
| 16 people starred this issue and may be notified of changes. | Back to list |
In Internet Explorer 9 map content become blurred (text is not clear) right after any type of navigation is performed (mouse drag-and-drop, keyboard arrows, panTo API). I narrowed it down to a specific CSS combination:
html {overflow-y:scroll;}
#mapholder {position:relative; width:960px; margin:0 auto;}
Removing one of the CSS rules above fixes the problem.
Simple demo of the bug can be found here - http://www.exceltech.net/map-bug.htm
Jan 28, 2012
Project Member
#1
[email protected]
Jan 28, 2012
(No comment was entered for this change.)
Status:
NeedsMoreInfo
Jan 29, 2012
This repros on my machine too. Sony Vaio laptop. Windows 7 64-bit, Mobile Intel GMA 45000MHD graphics card. It seems to be related to the width of the body element. If the body is an even width, then the map is clear. At an odd width, the map is blurry. NOTE: The divMap has a fixed width of 960px.
Jan 29, 2012
Windows 7 64-bit, NVIDIA GeForce GT240, IE 9.0.8112.16421 Previous posted screenshot correctly shows the bug, and also correctly pinpoints even width vs odd width issue. http://www.exceltech.net/map-bug.htm - even width of 960px - buggy http://www.exceltech.net/map-bug2.htm - odd width of 961px - works
Feb 1, 2012
Will this be filed as official bug?
Feb 2, 2012
Ditto... have the same issue... v3.6 is fine... its anything after version 3.7 that has this weird blurring... the test page with the old width works. using window 7 64-bit..
Feb 2, 2012
At maximum zoom levels, you can also see small white gaps between the map tiles... works fine in firefox.
Feb 9, 2012
Thanks, I can now reproduce it.
Apr 15, 2012
Any update on if this is going to get fixed? and/or a work around?
Apr 15, 2012
This should have been fixed in the nightly, v3.8.
Status:
Fixed
May 9, 2012
Just to be sure, what version has been the latest released on April 15th when you have pushed the fix into nightly? I'm unable to find any detailed changelog. I'm using 3.8.11 right now and this issue still occurs in IE9.
May 9, 2012
This shouldn't be happening in 3.8.11. Can you link to a demo please?
May 14, 2012
This is definitely still an issue with IE 9. If I use this library: https://maps.googleapis.com/maps/api/js?sensor=false I get blurry map content in an IE 9 window, while Firefox 10.0.2 will display crisp content. If I change the library to: http://maps.googleapis.com/maps/api/js?v=3.5&sensor=false Content is clearly displayed on both IE 9 and Firefox 10.0.2. This is intranet content, but I can provide the related JavaScript if needed. Thanks! :)
May 14, 2012
Please provide a link to a demo using the Maps API that illustrates these blurry maps.
May 16, 2012
Here is a page that shows the same problem: http://www.stroud.gov.uk/docs/housing/tenant_map_v3.asp Simply move the map with the mouse and the tiles are blurred, only in IE9, all other browsers including IE8 & IE7 are fine. As above, if I change it to call v=3.5 then it's fine in IE9.
May 16, 2012
Thanks for posting up a link to the page. Unfortunately, I don't see any blurriness with the tiles after panning in IE 9. Would you be able to post up screenshots of what you're seeing on IE 9 and IE 8 please?
May 17, 2012
I've uploaded some screenshots: IE 8 before pan: http://tinypic.com/r/2pqp2kh/6 IE 8 after pan: http://tinypic.com/r/2s1r89j/6 IE 9 before pan: http://tinypic.com/r/2mev9n4/6 IE 9 after pan: http://tinypic.com/r/2lwkci8/6 Satellite images: IE 9 before pan: http://tinypic.com/r/2hcl120/6 IE 9 after pan: http://tinypic.com/r/2mo3w9z/6 And after a bit more panning in satellite view I can see white gaps: http://tinypic.com/r/2ccqz2u/6 This is IE 9.0.8112.16421 on Windows 7 Pro, tested on 3 PCs here
May 17, 2012
Just noticed that I can see white gaps on the blurred map tiles in IE 9: http://tinypic.com/r/2lwkci8/6 Look at the yellow marker above "Stonehouse" and above "Berkeley"
Jun 14, 2012
As pointed out above. Running one of the demos, try to resize the actual browser window. Odd pixel width of window = blurry, even pixel width = ok. But I've notices this in other applications as well.. like in certain flash movies. My guess is that it has something to do with IE9's new anti-aliasing.
Jul 27, 2012
I'm seeing the same issue on the Volkswagen website. http://www.vw.com/portal/en/dealers?context=Global#search=2460+Coney+Island+Ave,+Brooklyn,+NY+11223,+USA Zooming in to level 15/16 shows blurred text and white lines that appear on top of the location pin and custom dealer pin. It is currently using API version 3.6 in production. I have tried using versions 3.5 and 3.9 and see no improvement.
Jul 28, 2012
My map has an even with, and i've tried to replace the library with ("http://maps.googleapis.com/maps/api/js?v=3.5&sensor=false") but none of them worked !
If you move the map, the text will become blur.
It looks to me its actually (another) bug from IE9, thanks M$ !
If you want to check it out :
http://happyfamilies.fr/carte-des-creches/
Jul 30, 2012
It seems like this bug started at v3.8. I don't see it on v3.7
Aug 29, 2012
The bug is still there.
Oct 5, 2012
Hi, I have the same problem of blurry maps here: https://www.vinix.com/degustazioni_detail.php?ID=3754 I experience this issue only with chrome (latest version) and only since yesterday (October, 4th 2012) on my laptop, windows 7 and ATI mobility radeon HD 5740. The odd thing is that all was fine since October 3th with the whole same configuration. Any suggestion? Fil.
Oct 5, 2012
I have exactly the same problem, timing and browser as VinoC. Just from yesterday, using Chrome. IE and Firefox are OK however.
Oct 5, 2012
Well don't know what Google have done! Our maps are now blurry in Chrome as well as IE9 for me, Firefox etc. are fine (can't see your page Fil #27 as your site is blocked by our system!) Windows 7 Pro. Chrome 22.0.1229.79 m - blurry IE9 - blurry with white lines (lines most visible in sat view) Firefox 15.0.1 - fine Safari 5.1.7 - fine Opera 12.02 - fine
Oct 5, 2012
Just to clarify earlier comment - tested OK on IE8. But maps fuzzy in Chrome on both XP and Windows 7.
Oct 5, 2012
Confirmed the issue here on Chrome/Windows 7 Works fine in IE7/XP
Oct 10, 2012
I'm seeing this as well in Chrome at http://partners.heroku.com/. Fine on all other browsers. OS X 10.8.2 Chrome 22.0.1229.94
Oct 11, 2012
Could be my imagination, but now seems to be OK for me! Curious.
Oct 11, 2012
I can confirm the Blurry Google Maps using both IE9 and latest versions of Chrome. It seems to do with the fact that the Map is contained within a div that has a margin:auto; Not really sure why...
Oct 11, 2012
On closer inspection, seems improved in Chrome, but still not as sharp as Firefox.
Oct 18, 2012
Anyone found a solution?
Oct 18, 2012
I have also the same issue. Confirm that it´s because of "margin:auto" of the parent div. I only have this problem with IE9. Chrome 22.0.1229.94 m, FF 16.0.1 and also IE with compatibility mode looks well.
Nov 8, 2012
Same issue here http://garrettplanningnetwork.advisorship.com/home/find-an-advisor/. After we enter a zip code search the map gets extremely fuzzy. Windows 8 64-Bit Lenovo ThinkPad.
Nov 30, 2012
all fixed with <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" />
Nov 30, 2012
not the best solution but it works for me. thanks |
|
| ► Sign in to add a comment |