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
- Autocompletion is maiden with jquery-autcomplete widget and filled by google maps V3 geocoding suggests.
- Instant display suggestion on a map
$('input[name="address"]' ).addresspicker();
$('input[name="address"]' ).addresspicker({componentsFilter: 'country:FR'});
You will need to use this in order to make the plugin work with IE8/9 https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest
{
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
}
- SĂ©bastien Gruhier - @sgruhier[http://twitter.com/sgruhier] - (http://xilinus.com - maptimize.com[http://v2.maptimize.com])