article:
Website: Template for Spa Salon
article:
Avgrund - An Interesting Concept for Modal

JS Plugin: jQuery GPS

Advertisement

"jQuery GPS 2.0 is coming soon! The new version will work with the newest version of the Google Maps API, will be lighter weight, but still have all the features you have come to know and love about jQuery GPS."


Screenshot

Plugin: jQuery GPS


"Jquery GPS is a lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID's. You can use any element to trigger the event! So it doesn't need to be embedded inside a form."

"The default ID's make it easy to create an application that will give directions and a highlighted map right on your website!"



Usage

First in order to use The Google Maps API you must have an API key which you can get here.

<script type="text/javascript" src="jquery.js"></script>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=YOUR API KEY HERE" type="text/javascript"></script>
<script type="text/javascript" src="gps.jquery.js"></script>
<script type="text/javascript">
$("#map").googleMap().load();
</script>
<div id="directions"></div>
<div id="map"></div>
<input type="text" id="start" />
<input type="text" id="end" />
<input type="submit" id="getdirections" value="Get Directions!" />



source
demo
download

Advertisement
Tags: plugin, jquery, ajax, google, map, api, key, gps, online, web, website

Leave a Comment

No Comment

© Creative3x Ltd.