var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var myLatlng;

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  myLatlng = new google.maps.LatLng(39.122394,-76.637431);
  var myOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  directionsDisplay.setMap(map)
  directionsDisplay.setPanel(document.getElementById("directions"));

   var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map, 
      title:"Fence and Deck Connection"
  });
}

function calcRoute() {
  var start =  document.getElementById("street").value  
       + " " + document.getElementById("city").value  
       + " " + document.getElementById("state").options[document.getElementById("state").selectedIndex].value  
       + " " + document.getElementById("zip").value;
  var end = myLatlng;
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
    }
  });
}