如何限制用户只能从谷歌 API 响应中选择城市

Question

I am using google API to show autocomplete cities, but I want user to always select from available or whatever autocomplete options comes when he starts typing, if user types any city name which is not automated by google api then I have to show error. Is there any way to do this? Here I am trying so far please try editing and let me know please.

[1]: http://jsfiddle.net/uxvMF/34/

Answer 1

This is probably not the simplest way but if you're selecting cities that are next to each other, you can use the bounds option for Autocomplete with strict bounds enabled

https://developers.google.com/maps/documentation/javascript/places-autocomplete#add_autocomplete

For example:

var options = {
    componentRestrictions: {
        country: 'nz'
    },
    bounds: {
        east: -1,
        west: 1,
        north: 1,
        south: -1
    },
    strictBounds: true
};