The new ParentDish: helping raise kids of all ages
AOL Tech

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)

Download Squad Features


Geeking out on the squadcast. Tune in and then tune out.

View Posts By

  • Windows Only
  • Mac Only
  • Linux Only
Categories
Audio (830)
Beta (325)
Blogging (686)
Browsers (19)
Business (1361)
Design (803)
Developer (926)
E-mail (511)
Finance (127)
Fun (1734)
Games (545)
Internet (4754)
Kids (129)
Office (491)
OS Updates (574)
P2P (175)
Photo (458)
Podcasting (167)
Productivity (1298)
Search (246)
Security (533)
Social Software (1085)
Text (436)
Troubleshooting (51)
Utilities (1901)
Video (1010)
VoIP (138)
web 2.0 (729)
Web services (3311)
Companies
Adobe (183)
AOL (48)
Apache Foundation (1)
Apple (466)
Canonical (35)
Google (1296)
IBM (28)
Microsoft (1304)
Mozilla (455)
Novell (19)
OpenOffice.org (43)
PalmSource (11)
Red Hat (17)
Symantec (14)
Yahoo! (350)
License
Commercial (667)
Shareware (194)
Freeware (1946)
Open Source (897)
Misc
Podcasts (13)
Features (380)
Hardware (167)
News (1107)
Holiday Gift Guide (15)
Platforms
Windows (3577)
Windows Mobile (421)
BlackBerry (44)
Macintosh (2050)
iPhone (82)
Linux (1571)
Unix (78)
Palm (177)
Symbian (121)
Columns
Ask DLS (10)
Analysis (24)
Browser Tips (293)
DLS Podcast (5)
Googleholic (195)
How-Tos (97)
DLS Interviews (19)
Design Tips (14)
Mobile Minute (125)
Mods (68)
Time-Wasters (374)
Weekend Review (38)
Imaging Tips (32)

RESOURCES

RSS NEWSFEEDS

Powered by Blogsmith

Sponsored Links

Advertise with Download Squad

Most Commented On (60 days)

Recent Comments

Urlesque Headlines

BloggingStocks Tech Coverage

More from AOL Money and Finance

More Tech Coverage

Weblogs, Inc. Network

Other Weblogs Inc. Network blogs you might be interested in: