Añadir cuadro "como llegar" en la api 3 de google maps

[txemaarbulo]

Hola SirZoX:

A la vista del último comentario, lo que te falta es, en el modo más simple:

Código Javascript:

function calcRoute() {
  var modo;
  if (document.getElementById('coche').checked) {
    modo = google.maps.DirectionsTravelMode.DRIVING;
  } else if (document.getElementById('bicicleta').checked) {
    modo = google.maps.DirectionsTravelMode.BICYCLING;
  } else if (document.getElementById('apie').checked) {
    modo = google.maps.DirectionsTravelMode.WALKING;
  } else {
    alert('Escoja un modo de ruta');
  }
 
  var request = {
    origin: document.getElementById("from").value,
    destination: document.getElementById("to").value,
    travelMode: modo
  };
 
  directionsService.route(request, function (response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setMap(map);
      directionsDisplay.setPanel(document.getElementById('direcciones'));
      directionsDisplay.setDirections(response);
    } else {
      alert("No existen rutas entre ambos puntos");
    }
  });
}
 

Obviamente, y como verás, hay varios item que los recojo como ID que son origen, destino, modo de ruta,...

Que ellos estén dentro del mapa o fuera del mismo depende de estilos.

Algo más complejo pero creo que se parece es lo que tengo en la pestaña Crear Ruta