Autouzupełnianie miejscowości

Nie raz każdy z nas przygotowywał formularz, gdzie musimy wprowadzić np. nazwę miejscowości. Problem dla Użytkownika jest to, że przy wprowadzaniu, nie określa on nam, o którą miejsowość chodzi - przecież mamy kilka miejscowości na świecie o nazwie London, czy w samej Polsce występuje dużo miejscowości np. o nazwie Nowa Wieś.

Co zrobić, gdy chcemy za pomocą wprowadzonej nazwy wyświetlić ją na mapie (geolokalizacja), którą miejscowość wyświetli nam mapa?

Z pomocą przychodzi do nas kilka linijek kodu (Google Place API), który ułatwi nam wprowadzaniem nazwy miejscowości, które będą zawierały także nazwę stanu, hrabstwa, czy nazwę kraju w którym występuje.

Poniżej krótki kod do przetestowania:

Kod JavaScript:

function autocompleteLoad() {
 var input = document.getElementById('city');
 var options = {
  types: ['(cities)'],
 };
 var autocomplete = new google.maps.places.Autocomplete(input, options);
}

google.maps.event.addDomListener(window, 'load', autocompleteLoad);

Kod HTML

<input type="text" id="city" autocomplete="off" />

Następnie należy dodać link do Google Place API w sekcji head dokumentu:

http://maps.google.com/maps/api/js?sensor=false&libraries=places

I to cały, skomplikowany kod oraz demo: http://jsfiddle.net/kdevpl/uBGrn

Aktualizacja:
W komentarzach poniżej jeden z czytelników opublikował link (http://jsfiddle.net/cichy380/uBGrn/5) z zawężeniem wyników tylko dla polskich miast. Dzięki Marcin!

O autouzupełnianiu i innych możliwościach Google Place API znajdziemy więcej na https://developers.google.com/places/documentation/