getaddress-location-native

Javascript - Native Autocomplete.

Install

$3

``
npm install getaddress-location-native
`

$3

`

`

Usage

`




Postcode

Outcode

Area

Town or City

County

Country

Latitude

Longitude

`

Options

The full list of options, and their defaults:
`
getAddress.location(
'textbox_id',
'API_KEY',
/options/{
output_fields:{
latitude:'latitude', / The id of the element bound to 'latitude' /
longitude:'longitude', / The id of the element bound to 'longitude' /
area:'area',/ The id of the element bound to 'area' /
town_or_city:'town_or_city',/ The id of the element bound to 'town_or_city' /
county:'county', / The id of the element bound to 'county' /
country:'country', / The id of the element bound to 'country' /
postcode:'postcode', / The id of the element bound to 'postcode' /
outcode:'outcode' / The id of the element bound to 'outcode' /
},
id_prefix:'getAddress-autocomplete-native' , / The id of the textbox and list container /
delay:200, / 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_location_url:undefined, / alterative local location URL (when API key is not used) /
alt_get_location_url:undefined, / alterative local get location URL (when API key is not used) /
suggestion_count:6, / number of retreived suggestions (max 20) /
filter:undefined, / the suggestion filter (see Location API)/
bind_output_fields:true, / if true, bind the output_fields to the address/
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_location:true / if true, retreives location on select /,
set_default_output_field_names:true / if true, defaults output field names to JSON field names/
}
);
`

Events

`
document.addEventListener("getaddress-location-native-suggestions", function(e){
console.log(e.suggestions);
})

document.addEventListener("getaddress-location-native-suggestions-failed", function(e){
console.log(e.status);
console.log(e.message);
})

document.addEventListener("getaddress-location-native-selected", function(e){
console.log(e.location);
})

document.addEventListener("getaddress-location-native-selected-failed", function(e){
console.log(e.status);
console.log(e.message);
})
``