Tengo el siguiente código jQuery que funciona bien para obtener la lista de ciudades del país seleccionado.

var city;   var place;

$('#city').on('focus',function(){
    input = this, options = {
        types: ['(cities)'],
        componentRestrictions: {
            country: $('#country option:selected').val()
            }
    };
    city = new google.maps.places.Autocomplete(input, options);
    google.maps.event.addListener(city, 'place_changed', function() {
        place = city.getPlace();
        $(input).val(place.address_components[0].long_name);
    })
})

Básicamente, una vez que la persona selecciona el lugar, reemplaza el valor en el cuadro de entrada con el valor de "ciudad" sin el país.

Parece un poco estúpido tenerCity, Country en el menú desplegable cuando el usuario ya ha seleccionado un país, por lo que alguien sabe si es posible mostrar SÓLO el nombre de la ciudad si ha definido uncomponentRestrictions ¿Valor restringiendo los resultados a un país?

Encuentro que mi método actual de configurarlo una vez que la selección se ha realizado para ser un poco ... basura realmente ...