GetAddress.io - Native Autocomplete Plug-In
npm install getaddress-autocomplete-nativeJavascript - Native Autocomplete.
npm install getaddress-autocomplete-native
`
$3
`
`
Usage
`
`
Options
The full list of options, and their defaults:
`
getAddress.autocomplete(
'textbox_id',
'API_KEY',
/options/{
id_prefix:'getAddress-autocomplete-native' , / The id of the textbox and list container /
delay:100, / millisecond delay between keypress and API call /
minimum_characters:2, / minimum characters to initiate an API call /
select_on_focus:true, / if true, highlights textbox characters on focus/
alt_autocomplete_url:undefined, / alterative local autocomplete URL (when API key is not used) /
alt_get_url:undefined, / alterative local get URL (when API key is not used) /
suggestion_count:6, / number of retreived suggestions /
filter:undefined, / the suggestion filter (see Autocomplete API)/
input_focus_on_select:true, / if true, sets the focus to the textbox after selecting an address/
debug:false, / if true, logs behavior /
enable_get:true, / if true, retreives address on select /,
full_screen_on_mobile:true, / if true, opens full screen on mobile devices/;
max_mobile_screen_width:500, / max mobile screen width/;
full_screen_options:undefined, / full screen display options/
show_postcode:false / always display postcode in suggestions/
}
);
`
Events
`
document.addEventListener("getaddress-autocomplete-suggestions", function(e){
console.log(e.suggestions);
})
document.addEventListener("getaddress-autocomplete-suggestions-failed", function(e){
console.log(e.status);
console.log(e.message);
})
document.addEventListener("getaddress-autocomplete-address-selected", function(e){
console.log(e.address);
})
document.addEventListener("getaddress-autocomplete-find-selected-failed", function(e){
console.log(e.status);
console.log(e.message);
})
``