Skip to content

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

Notifications You must be signed in to change notification settings

riturajratan/jquery-addresspicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages