Добавить пользовательское значение для Google Map directons

Question

Как я прочитал пользовательское значение поля и установить в качестве запуска & конец для того, чтобы показать Google направление

function calcRoute() { 
var start = document.getElementById('start').value; 
var end = document.getElementById('end').value; 
var waypts = []; 
var checkboxArray = document.getElementById('waypoints'); 
for (var i = 0; i < checkboxArray.length; i++) { 
if (checkboxArray.options[i].selected == true) { 
    waypts.push({ 
     location:checkboxArray[i].value, 
     stopover:true}); 
} 
} 

В WordPress пост у меня есть 2 пользовательских полей с начала и значением назначения и Я хочу читать значения и добавлять к функции calcroute(), чтобы отобразить этот маршрут на картах Google.

весь мой код (ниже) только дисплей по центру вид Чикаго

<script> 
var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 
var map; 

function initialize() { 
directionsDisplay = new google.maps.DirectionsRenderer(); 
var chicago = new google.maps.LatLng(41.850033, -87.6500523); 
var mapOptions = { 
zoom: 6, 
center: chicago 
} 
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
directionsDisplay.setMap(map); 
} 

function calcRoute() { 
var start = document.getElementById('plecare_din').value; 
var end = document.getElementById('destinatie').value; 
var waypts = []; 
var checkboxArray = document.getElementById('waypoints'); 
for (var i = 0; i < checkboxArray.length; i++) { 
if (checkboxArray.options[i].selected == true) { 
    waypts.push({ 
     location:checkboxArray[i].value, 
     stopover:true}); 
} 
} 

var request = { 
    origin: start, 
    destination: end, 
    waypoints: waypts, 
    optimizeWaypoints: true, 
    travelMode: google.maps.TravelMode.DRIVING 
}; 

} 

google.maps.event.addDomListener(window, 'load', initialize); 

</script> 

Answer 1

у вас есть, чтобы вызвать calcRoute() где

У меня есть рабочий образец здесь в jsfiddle: http://jsfiddle.net/th9kwzdr/1/