Skip to Content

Submit your nominations for the Luxist Awards' Best in Decor
AOL Tech

Filed under: Internet, Windows, Macintosh, Linux, Web services, Google, Microsoft

Improve the UI of Google Maps and MSN Virtual Earth

Google Maps Improved with CSS

A little-known feature of Firefox is the ability for a user to set a CSS file (Cascading Style Sheet) for a given site, replacing the one the site would otherwise use. Zmarties has created a CSS file for Google Maps and MSN Virtual Earth respectively, making some very impressive improvements to both interfaces.

The improvements to Google Maps include:
  • enlarge the map to take up the whole of the browser window
  • place the results window in front of the map, in a semi-transparent form, which becomes more solid when the mouse moves over it to use it
  • reduce the size of the search form, which is similarly semi-transparent
  • remove the logo and banner which were taking up too much space
  • remove the text labels that just duplicate icons
While the improvements to MSN Virtual Earth include:
  • make the banner semi-transparent, as it is in IE
  • move the menu up to the top of the banner
  • remove the "about" menu item, which adds nothing one you have read it once
  • move the scale to the corner of the map, and give it a solid background, so that it can actually be read
  • shrink the size of the zoom control slightly, and make it semi-transparent to obscure less of the map
  • move the compass rose, so it's not so in the way, and make it semi-transparent (but less so when you actually mouse over it to use it)
  • fix the size of the "x" box in the corner of info windows
  • increase the font size for permalinks, to make them easier to read and click on
  • hide the what and where help text hints
  • Stop the search result titles SHOUTING
I have to say that I'm loving using Google Maps with this interface. I'm sure there are good reasons why Google doesn't present it this way by default, but for me this is exactly how I want a mapping site to look. Instructions on how to use the CSS files can be found on Zmarties' site.

* Note that  in the event that Google or Microsoft change the underlying site substantially, these style sheets may cease to work as advertised. Simply removing them will allow you to see the sites as they were originally intended once again.
jobs & resumes
iPhone developer

Groupon - Chicago, IL (6 days ago)

See More Relevant Jobs ›

Reader Comments (Page 1 of 1)

Featured Time Waster

Graveyard Shift - zombie-busting Time Waster

With Halloween fast approaching, it's a great time to get in some practice defending your territory against zombies. In Graveyard Shift, you take aim at zombies and other creepy-crawlies, blasting them into splatters of cartoony green guts. It's a casual first-person shooter, and it's very easy to get the hang of - use the mouse to aim, click to fire. Graveyard Shift has at least 15 levels, and it might even have some secret stages I haven't unlocked yet. They key to getting good at Graveyard Shift is learning to use ...

View more Time Wasters

Featured Galleries

Defective by Design, London: Protest Pictures
Microsoft Security Essentials
Chromium Pre-Alpha on CrunchBang Linux
Safari 4 Beta
10 Firefox themes that don't suck
IE8 RC1
Download Squad at the Crunchies After-Party
Download Squad at the Crunchies
WordPress 2.7
Cooking Mama: Mama Kills Animals
Windows 7 Hands On
Comodo Internet Security
Android First-look: Amazon.com MP3 Store
Android First-look: Twitroid
Google Reader Android
Android Hands-On
Twine 1.0
Photoshop Express Beta
Mozilla Birthday Cake
Palm stuff
Adobe Lightroom 1.1

 


Follow us on Twitter!

Flickr Pool

www.flickr.com

More Tech Coverage

AOL Radio

Joystiq

TUAW

Daily Finance

Autoblog

Urlesque

Engadget

WoW

Switched.com

FanHouse