title: how to draw a route between two markers in google maps
body: <p>Hi I am trying to draw a route map between two markers using javascript.
  I have tried various examples found online but my map is not loading while trying out different examples. I am unable to figure out the cause of the error. My map just does not load.</p>
  
  <p>I am trying to draw a route for the below two markers.</p>
  
  <pre><code>    &lt;script&gt;
  
          function mapLocation() {
              var directionsDisplay;
              var directionsService = new google.maps.DirectionsService();
              var map;
  
              function initialize() {
                  directionsDisplay = new google.maps.DirectionsRenderer();
                  var chicago = new google.maps.LatLng(37.334818, -121.884886);
                  var mapOptions = {
                      zoom: 7,
                      center: chicago
                  };
                  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                  directionsDisplay.setMap(map);
              }
  
              function calcRoute() {
                  var start = new google.maps.LatLng(37.334818, -121.884886);
                  var end = new google.maps.LatLng(38.334818, -181.884886);
                  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);
                      }
                  });
              }            
  
              google.maps.event.addDomListener(window, 'load', initialize);
          }
          mapLocation();
      &lt;/script&gt;
  </code></pre>
  
  <p>Can someone please help me draw a route between the two markers?</p>