Eu tenho o seguinte código jQuery que funciona bem com a obtenção da lista de cidades para o país selecionado.

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);
    })
})

Basicamente, quando a pessoa seleciona o local, ela substitui o valor na caixa de entrada pelo valor "city" sem o país.

Parece um pouco estúpido terCity, Country no menu suspenso quando o usuário já selecionou um país, alguém sabe se é possível exibir APENAS o nome da cidade se você definiu umcomponentRestrictions valor que restringe os resultados a um país?

Eu acho o meu método atual de defini-lo uma vez que a seleção foi feita para ser um pouco ... realmente lixo ...