Thursday, July 11, 2013

Google Maps Styled Maps Wizards


Think Tank has released a Custom Google Maps Style Tool, that lets you play around with the colors of the Google Maps map tiles and generate the code that you need to create a custom Google Maps style. 

The Styled Maps class in the Google Maps API allows developers to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas. The Custom Google Maps Style Tool includes slider tools that allow users to adjust the hue, saturation and lightness of 'Landscape', 'Roads', 'Water' and 'Points of Interest' elements. 

When you are happy with the look of the map you can then simply cut & paste the style code, which is generated beneath the tool.


The advertising agency stadt.werk has created a wizard that lets you design your map style in the familiar HEX RGB colors. The Google Maps Colorizr conveniently transfers your HEX RGB colors to the HSL colors used by Google Maps and allows you to cut and paste the code of your finished map style.

The Google Map Colorizr even has a dynamic URL. So if you want to ask someone's opinion about a particluar map style you can send them a link.


Google themselves have created their own Styled Maps Wizard. The wizard allows developers to adjust the colors of individual map elements and create the JSON code that can then be used with the Google Maps API.

No comments: