JQuery UI widget : address autocomplete field by google maps V3 geocoding service
Pull request Compare This branch is 26 commits behind sgruhier:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demos
lib
src
README.md

README.md

jquery-addresspicker

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'});

Options (with default values)

{
  appendAddressString: "",
  draggableMarker: true,
  regionBias: null,
  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_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