Obviously, not all
countries are verified to the same level, but I think you’ll be impressed by
coverage of over 250 countries with 200 of them at street level or better.

You can see a full list
of coverage at: Address Coverage by Country.
Currently there are 51 countries at address verification level 2, locality, the
lowest level represented, including Antarctica, British Virgin Islands and
Western Sahara. A further 77 countries, including Afghanistan, Barbados,
Bolivia, China and Ghana are at level 3. The most common classification, 77
countries, is level 4 which applies to Japan, India and many European
countries, including Austria, Belgium and Spain. Level 5, which get to
individual premises is available for 30 countries, notably USA, Canada,
Australia, Russia, France, Germany, Greece and the UK.

With regard to mapping,
this is provided at locality level for Hong Kong, at the equivalent of address
level 4 for 33 countries including Australia and most of Europe and at the
equivalent of the top level for USA, Canada, Australia, Czech Republic,
Germany, Russia, and Ukraine.

The cloud service uses a
simple REST API and returns XML or JSON. You can also use a desktop version and
there are plugins for Excel and other apps.

Adding Express
Entry 

Here we look at adding
it to a simple form.

To try this example you
will need a key which you can get as part of a free trial.

First we need to use
jQuery to add autocomplete to a form element.

<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script
src="/https://code.jquery.com/jquery-3.1.1.js"
integrity=
"sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
crossorigin="anonymous"></script> 
<script
src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Basically all we are
doing here is loading the latest jQuery, jQuery UI and a basic stylesheet.
Update to the latest version of any of these in the future and everything
should still work.

We also need a basic
form to input some addresses. As with all examples, the simpler the better:

<form onsubmit="return
false;">
  Address:
 <input id="address"
type="text" 

style="padding:2px;width:308px;">
 </br></br>
 <textarea cols="40"
rows="6" id="result" 

style="padding:2px;width:390px;">
 </textarea>
 </br>
 <button id
="clearbutton">Clear</button>
</form>

You can see that we have
an input text field for the user to start to type the address and a text area
ready to display the address.

The way that the
autocomplete widget works is very simple and typical of the way all jQuery UI
widgets work. To create the widget all you do is call its constructor function,
which always has the name together with an options object which specifies how
it looks and behaves.

In the case of the
autocomplete widget, all we have to do to add the feature to the address text
field  is:

$('#address').autocomplete(options);

Of course, we have to
specify options to make it do what we want.

The most important
option is source which specifies where the autocomplete data comes from. It can
be an array of strings or an object containing label value pairs or it can be a
URL as a string or a function.

The array of label value
pairs is particularly useful because the label is shown to the user so that
they can pick the correct autocomplete, but it is the value that is inserted
into the field. This allows you to provide the user with data in one format,
but enter it in another.

The array and strings
option is used to provide local autocomplete data the other two are used when
the data comes from a server.

For example:

$('#address').autocomplete( 
  { 
    source:
["choice1", "choice2","choice3"] 
  }
 );

In this case when the
user types a c the list of three possible autocompletes appears.

Article Copyright © 2017 i-programmer.info. All
Rights Reserved.