index.html

<!DOCTYPE html>

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Driving Direction</title>
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
	<script src="js/maps.js"></script>
	<link rel="stylesheet" href="css/style.css">	
</head>

<body>	
	<div id="control">
    <b>Choose Other</b>
    <select id="end" onchange="calcRouteNew();">
	  <option value="">Choose</option>
      <option value="56 W 81st st, new york">Ganesh Patil</option>
      <option value="4 W 25th st, new york">Peter Lue</option>
      <option value="115 3rd ave, new york">Alex Povoltsky</option>
      <option value="23 E 46th st, new york">Teressa Miller</option>  
	  <option value="21 exchange, binghamton">Madhura Bhave</option> 
	  <option value="4 10th ave, new york">Sanket Chindhi</option>
    </select>
	<b>Mode of Travel: </b>
    <select id="mode" onchange="calcRouteNew();">
      <option value="DRIVING">Driving</option>
      <option value="WALKING">Walking</option>      
    </select>
    </div>
	
	<div id="list-panel">	
	<div id="list-text">	
	
	<h2>Ganesh Patil</h2>
	<h3>Software Developer</h3>
	<p>198 Main St, apt Right</br>Binghamton, New York</p>
	<a href="#">Get Directions</a>
	
	<hr>
	
	<h2>Peter Lue</h2>
	<h3>Electrical Engineer</h3>
	<p>3 Main St</br>Binghamton, New York</p>
	<a href="#">Get Directions</a>
	
	<hr>
	
	<h2>Alex Povoltsky</h2>
	<h3>Industrial Engineer</h3>
	<p>56 Walnut St</br>Binghamton, New York</p>
	<a href="#">Get Directions</a>
	
	<hr>
	
	<h2>Teressa Miller</h2>
	<h3>Electrical Engineer</h3>
	<p>45 Oak St</br>Binghamton, New York</p>
	<a href="#">Get Directions</a>
	
	<hr>
	
	<h2>Madhura Bhave</h2>
	<h3>Electrical Engineer</h3>
	<p>21 Exchange</br>Binghamton, New York</p>
	<a href="#">Get Directions</a>
	
	</div>	
	</div>
	
	<div id="directions-panel"></div>	
	
    <div id="map-canvas"></div>	
	
</body>
</html>