Skip to Content

Free TUAW iPhone app -- try it now!
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.

Reader Comments (Page 1 of 1)

Featured Time Waster

The World's Hardest Game 2.0 - Time Waster

So, just how good at time waster games are you? Think you've got the stuff? Well, The World's Hardest Game 2.0 doesn't think you do. Yes, amazingly, it's possible to have a sequel to a game called "The World's Hardest Game". It doesn't seem logically possible, since if the first one was actually the world's hardest, how could another one come along and share the moniker? It made me doubt the name in the first place. That is, until I tried the game. The mechanics of the game are very simple. You are a small red square, ...

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