Untitled


<html>
  <head>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?sensor=true">
    </script>
    <script type="text/javascript">
		var map;
		var i=0;
		var pic;
		var marker;
		function initialize() {
			var myOptions = {
			  zoom: 10,
			  center: new google.maps.LatLng(41.850033, -87.6500523),
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			map = new google.maps.Map(document.getElementById('map_canvas'),
				myOptions);

			  directionsDisplay.setMap(map);
			  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
			 var start = new google.maps.LatLng(41.850033, -87.6500523);
			 var end = new google.maps.LatLng(38.898748, -77.037684);
			var request = {
			origin:start,
			destination:end,
			travelMode: google.maps.TravelMode.DRIVING
			};
			   directionsService.route(request, function(response, status) {
				if (status == google.maps.DirectionsStatus.OK) {
				directionsDisplay.setDirections(response);
				}
				directionsDisplay.setMap(map);
			});

		}
		google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>