address-autocomplete - Vaadin Add-on Directory
A Webcomponent for keying-in (or dictating) an address into one field and selecting from an recommendation / validation-list into a custom function.
**[ This description is mirrored from README.md at [github.com/joeherwig/address-autocomplete](https://github.com//joeherwig/address-autocomplete/blob/0.1.0/README.md) on 2019-05-10 ]**
# \
Webcomponent to fetch parts of an address within one single input-field that supports speech-input in webkit-browsers and offers an suggestion list based on open street map. The element object with the selected suggestion is then pushed to an external function to process these date eg. to fill in a form on the host site.
## Install the Polymer-CLI
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.
## Viewing this webcomponent locally
```
$ polymer serve
```
## Running Tests
```
$ polymer test
```
## Demo:
See the [online-Demo here](https://joeherwig.github.io/address-autocomplete/)
## Useage
```html
...
...
....
```
## Customizing
If you want to process the address info you got "on click", per default the function *setAddress(addressobject)* is called and receives the address object as parameter.
If you want to use your own function name, you can set it with the optional parameter *processaddressfunction*.
The following example uses this web component to validate addresses and populate a simple form with its data. If the focus is reset into the web component the form fields are reset.
The following example is
```html
address-autocomplete demo
```
DocumentationSimple address-autocomplete demo
Online Demo
GitHub Homepage
Issue tracker
License
View on GitHub
address-autocomplete version 0.1.0
### Dependencies
Polymer/polymer#^2.0.0