Gorgeous Google map canvasses for your Drupal site: just Copy & Paste

I love maps.

I love gardens too.

Not keen on gardening, though.

So while the Google Maps API allows you to create beautiful map styles, that does not mean I enjoy spending hours or days doing that. Plus I don’t have the artistic prowess.

But the contributors to Snazzy Maps do. Snazzy Maps is a site full of gorgeous Google map canvasses, free for you to pick and match with the theme of your site.

And here’s the clincher: to activate any of these super-stylish canvasses on your site, all you have to do is copy the Javascript style array from your favorite Snazzy map and paste it in the Map options box of the IP Geolocation Views & Maps module (v7.x-1.25 or later) map configuration panel (as shown in the screenshot below).

Beautiful maps without the gardening. Scroll down and smell the roses.


To import these beautiful canvasses into live maps on your Drupal site, use the IP Geolocation Views & Maps module. The maps below look particularly stunning on Retina displays.
Each map has been sprinkled with a number of markers at random locations, using the Geolocation Generator submodule that comes with IPGV&M. To use "real" data, you first create a View of content items that each have a latitude/longitude field or pair of fields. Then for the Format that the View will be rendered in, instead of Table or Unformatted List, choose Map (Google API, via IPGV&M). Click the Settings link and on the next panel drop the Javascript style array from your favorite Snazzy map into the Map options box. Easy. Just make sure you keep the first line in the screenshot and the closing bracket at the bottom.
Finally, choose an appropriate center & zoom option for your map.

Traditional. The default Google API look.

Retro. A retro style map with a ton of detail. Looks great zoomed in on a city. Street names appear when you zoom in more.

Pale Dawn. Use of subdued colours results in an excellent style for sites with a pastel colour scheme.

Vitamin C. Inspired by the Adobe Kuler theme. Highlighted highways in bright orange on a blue and turquoise background.

Chilled. Example provided by Google showcasing their style API.

Transport for London. Striking colours without labels.