How to Use API V3 to Customize, Enhance, and Beautify your Google Map Mashups
With Google Maps API V3, you can customize Google Maps’s styling in three new ways:
You can selectively remove map elements
You can “simplify” certain map elements
You can modify the coloring of most map elements
There are many reasons for creating custom map styles, including:
Matching the coloring of a website or corporate logo
Matching the coloring of your mashup’s map markers
Removing or simplifying map elements so that your data stands out more
Removing map elements that have no relevance to your data
Making your mashup more attractive and memorable
The goal of this post is to give you an overview of how you can use Google Maps API V3 to create unique map styles. I’ll begin by detailing how your mashups can be improved by removing select map elements, and then I’ll go on to detail how you can “simplify” other map elements. After that, I’ll discuss some of the ways in which you can modify the coloring of existing map elements in order to create visually striking map styles. Finally, I’ll discuss some practices to avoid when styling your mashups.
With each topic, I’ll provide numerous examples you can use in making your own mashups. I’ll also provide the .json files for each example so you can easily retrace my steps.
Let’s begin by looking at how you can use API V3 to remove select map elements…
Sometimes, when arranging home screen icons, you feel sad and you’re not sure why.
Latitude doesn’t update well on either end. Often times, it will tell you someone was in a particular place “5 minutes ago”, and then 10 minutes later — after multiple restarts — it will still say it got that last update from them “5 minutes ago” even if they’re actively using Maps, so you have no idea whether they’ve left. This can continue for hours as you slowly run out of air in the closet.
Navigation instructions silence things like podcasts players, but don’t pause them. Thus, to hear that missing sentence or two, you have to switch over to the podcast app and hit ‘back’ several times, then swerve your car to avoid the stupid stop sign that shouldn’t be in the middle of the sidewalk to begin with.