For one of my recent clients I had to add a google map to the website that allowed people to put in their address and get directions to the festival location.



Looking around I saw a bunch of jQuery plugins that could get the job done. But they were bulky and loaded with features I didn't need.





My solution! Create my own jQuery plugin that allows for simple functionality.



Thus jQuery GPS was born





You can create a simple directions application with a From: and To: box that will give users turn by turn directions and highlight the google map with only 1 actual line of javascript (using default ID's and not including the loading of jQuery the plugin or the google API)



Here Is an example





You can change where the map is centered when it first loads, Put a custom icon on that location and open a custom tooltip. Perfect for people who want to include directions to their stores, or other places of work.



All the code used to create

the Demo was this:



Code:














From:

To:









jQuery GPS homepage: http://www.birdwingfx.com/jQuery_gps

jQuery GPS on jQuery: http://plugins.jquery.com/project/jGPS



Full documentation available on the homepage as well as license info.