A repository of over 1000 quality jQuery plugins

jQuery jQuery Addresspicker

jQuery Addresspicker is a jQuery Autocomplete plugin.

Created by Sgruhier

JQuery UI widget : address autocomplete field by google maps V3 geocoding service

Not what you're looking for? Click here to view more Autocomplete jQuery plugins

jquery-addresspicker

IMPORTANT: You should check out the new version based on typeahead https://github.com/sgruhier/typeahead-addresspicker. This version won't be too much updated now Thanks

jQuery UI widget for selecting an address. This widget has been develop for a specific need but feel free to use it or fork the repository

You can see a live demo here: http://xilinus.com/jquery-addresspicker/demos/index.html

Features

  • Autocompletion is maiden with jquery-autcomplete widget and filled by google maps V3 geocoding suggests.
  • Instant display suggestion on a map

Usage

$('input[name="address"]' ).addresspicker();
  $('input[name="address"]' ).addresspicker({componentsFilter: 'country:FR'});

Support for IE8/9

You will need to use this in order to make the plugin work with IE8/9 https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest

Options (with default values)

{
  appendAddressString: "",
  draggableMarker: true,
  regionBias: null,
  bounds: '',
  componentsFilter:'',
  updateCallback: null,
  reverseGeocode: false,
  autocomplete: 'default',
  mapOptions: {
      zoom: 5,
      center: new google.maps.LatLng(46, 2),
      scrollwheel: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  },
  elements: {
      map: false,
      lat: false,
      lng: false,
      street_number: false,
      route: false,
      locality: false,
      administrative_area_level_3: false,
      administrative_area_level_2: false,
      administrative_area_level_1: false,
      country: false,
      postal_code: false,
      type: false
  },
  autocomplete: '' // could be autocomplete: "bootstrap" to use bootstrap typeahead autocomplete instead of jQueryUI
}

Credits

Bitdeli Badge



You might also like these other Autocomplete jQuery Plugins

  • Asdfasdf.js

    Auto save data form- The easiest way to not let your user lose their data while filling a form.

  • JQueryTimeAutocomplete

    jQuery autocomplete plugin that works with times. Works basically the same as Google Calendars time input when you add an event. Example:...

  • Tagmate

    jQuery plugin for Facebook/Twitter style textarea @user autocomplete + #hashtag parser