jQuery GPS

jQuery GPS jQuery GPS Click above to view the plugin’s full documentation.

Give exact locations right in your website! Check out this fantastic jQuery plugin designed by graphic designer Aron Brown. The jQuery GPS is perfect if you want to include Google Maps into your website yet don’t want to be bothered with other unnecessary features.

This is the best solution to your needs at showing directions to your visitors because it is lightweight, it allows the viewer to select places on the map, and you can add customer IDs for addresses and use any element to trigger the event.

Grab the FILES, see the DEMO.

Below is the code, first yeou need 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!" />

 

 

 

 

 

Incoming search terms for the article:

Related Posts

Create Google Play’s Tab Navigation Using jQuery And CSS

How To Create A Basic Social Sharing Button

Add Clippy.js To Your Website For Instant MSWord Nostalgia

Colorize Your Source Code With Sunlight

1 Comment

  1. Gabe

    04.17.2012

    Just tried it out. Works like a charm! many thanks!