Interactive maps
are neat. It’s not hard to get a basic map embedded on your page, but Google provides a rich and easy to use API for embedding and decorating maps on your web page, so there should be no excuse for boring default maps.
In this article I’ll share a technique I used recently to spice up the “Places to shop and eat” map on Vegan Melbourne, using a combination of the
Google Maps API, jQuery animation, and some newer CSS effects
.
Demo: http://www.sitepoint.com/examples/google-maps-css3-jquery/
Download Links
http://www.sitepoint.com/embellishing-your-google-map-with-css3-and-jquery/