Awesome Open Source
Awesome Open Source

Official Ziptastic jQuery plugin!

Ziptsatic Logo

Seamlessly integrate Ziptastic! with jQuery


Standalone Lookup

Can be used to query for a specific zip code.

$.ziptastic('US', 48867, 'your-api-key-here', function(country, state, stateCode, city, zip) {
  console.log(country, state, stateCode, city, zip);

Input Keyup Wrapper with forward geocoding (postal code)

var duration = 500;

var elements = {
    country: $('#country'),
    state: $('#state'),
    state_short: $('#state-short'),
    city: $('#city'),
    zip: $('#zip')

// Initially hide the city/state/zip;

var options = {
    "key": "<your-api-key-here>",
    "country": "US"
    .on('zipChange', function(evt, country, state, state_short, city, zip) {
        // Country;

        // State

        // City;

Using Reverse Geocoding

Just set reverseGeo to true in the options object.

var options = {
    "key": "<your-api-key-here>",
    "reverseGeo": true,
    "country": "US"

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (69,677
html (11,022
jquery (524
jquery-plugin (229
forms (170
gis (168
geocoding (48
reverse (37