Как отправить новый запрос геолокации и обновить карту Google при вводе адреса при вводе?

Question

Я хочу обновить карту Google и отправить новый запрос геолокации, не обновляя страницу и пока пользователь вводит адрес (город и адрес, страна постоянна) при вводе. Как я могу это сделать?

<input type="text" id="input_adress" />
<script type="text/javascript">
function mapk() {
//code about start the map (new google.maps.Map)...
geokoder.geocode({address: 'UK'}, start_geocode);
}
function start_geocode(var1, status) {    
//more code...    
</script>

А теперь код, с которого я хочу начать:

$(function()
   {$('#input_adress').keyup(function() {

       });
   });

Я не уверен, что дальше? Вероятно, мне нужно сначала выбрать карту ...

geokoder.geocode({address: 'UK '+$('#input_adress').val()}, start_geocode);

У меня есть библиотека jQuery на моей странице. Этого достаточно?

Answer 1

Обычно для живого поиска / запроса я отслеживаю нажатие клавиш на вводе пользователем, когда возникает пауза, указывающая, что пользователь заканчивает ввод, тогда я обрабатываю введенный пользователем текст.*

clearTimeout(timer); timer = setTimeout(function(){ process(); }, 500);

Answer 2

Попробуйте что-то вроде этого:

$('#clickme').click(function() {
    geocoder.geocode({'address': $('#input_address').val()}, function(results, status) {
        setMap(results[0].geometry.location.lat(), results[0].geometry.location.lng());
    })
});

function setMap(lat, lng) {
    map_location = new google.maps.LatLng(lat, lng);
    marker.setPosition(map_location);
    map.setCenter(map_location);
}

для поиска используется кнопка click, но вы можете использовать нажатие / изменение на входе.

Рабочий пример здесь