При вводе адреса отправления и назначения инициализируется карта:
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = new google.maps.DirectionsRenderer({
draggable: true});
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: $('[name=from_address]').val()
});
directionsDisplay.setMap(map);
directionsService.route({
origin: $('[name=from_address]').val(),
destination: $('[name=where_address]').val(),
travelMode: 'DRIVING'
}, function(response, status) {
if (status === 'OK') {
directionsDisplay.setDirections(response,{preserveViewport: true});
} else {
$('#map').html('<div class="ajax-error">Невозможно проложить автомобильный маршрут! Укажите другой адрес.</div>');
}
});
draggable: true дает возможность перемещение точек маршрута, а как при перемещении вернуть координаты новой точки куда переместил ее пользователь? Это надо для того чтобы изменить адреса в полях from_address и where_address