function routeLaden(naar) {

/*
In een eerder stadium heeft de gebruiker het punt van vertrek kunnen opgeven: de straat, het huisnummer en de plaats van vertrek. Deze worden samengevoegd in de variable van die later gebruikt zal worden.
*/

var route = document.getElementById(”routebeschrijving”);
var route_van_straat = document.getElementById(”route-straat”).value;
var route_van_nr = document.getElementById(”route-nr”).value;
var route_van_plaats = document.getElementById(”route-plaats”).value;
var van = route_van_straat + ” ” + route_van_nr + ” ” + route_van_plaats + ” Nederland”;

/*
gdir, mijn instantie van het GDirections object, gebruikt als eerste argument het gmap object (je kaartje) en als tweede argument een variabele die verwijst naar het pagina element waarin je de routegegevens wilt tonen. In mijn geval een div met het id routebeschrijving.
*/

gdir = new GDirections(map, route);

/*
de load event handler roept de onGDirectionsLoad() functie aan die wordt uitgevoerd als de routebeschrijving geladen wordt. Met andere woorden, wat moet er allemaal gebeuren als het gdir object geladen is.
*/

GEvent.addListener(gdir, “load”, onGDirectionsLoad);

/*
De error event handler roept de handleErrors() functie aan die wordt uitgevoerd als er problemen optreden bij het laden van de routebeschrijving. Hier is nog wel wat aardigs mee te doen maar ik heb me beperkt tot het vertalen van de standaard Google Maps foutmeldingen op basis van de gegeven constanten en het ophoesten van een alert box.
*/

GEvent.addListener(gdir, “error”, handleErrors);

/*
stel de taal in voor de output van de routebeschrijving. Je output wordt gelokaliseerd. Links af in plaats van turn left. Verander de inhoud van de taal variabele voor de lol maar eens in us_en en bemerk het verschil
*/

var taal = “nl_nl”;

/* GDirections in actie. Het gdir object wordt uitgevoerd met als argumenten het vertrekadres, het doeladres en de locale / taal waarin de routebeschrijving moet worden getoond
*/

gdir.load(”from: ” + van + ” to: ” + naar, { “locale”: taal });

}

/*
In de onGDirectionsLoad functie() doe ik dingen die in mijn situatie van belang zijn. Zoals het positioneren van de container div die de routebeschrijving bevat. Voor het functioneren van de GDirections functionaliteit is dit verder niet van belang.
*/

function onGDirectionsLoad() {
var container_route = document.getElementById(”container-routebeschrijving”);
container = document.getElementById(”container”);
container_route.style.display = “block”;
container_route.style.left = (container.offsetLeft + 6) + “px”;
container_route.style.top = (container.offsetTop + 6) + “px”;
container_route.style.visibility = “visible”;
var sluit = document.getElementById(”sluit-routebeschrijving”);
var iw = map.getInfoWindow();
iw.hide();
}