title: Route doesn't get displayed Google Maps API V3
body: <p>For the simplicity sake I have put the code for displaying the map and the route in the function "<strong>initialize</strong>". The Map IS getting displayed, but the route is not. Please point out the error.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
      &lt;title&gt;Google Maps JavaScript API Example&lt;/title&gt;
      &lt;script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt; 
  
          var map;
          var latlng = new google.maps.LatLng (-34.397, 150.644);
  
          var directionsDisplay = new google.maps.DirectionsRenderer ();;
          var directionsService = new google.maps.DirectionsService ();
  
          function initialize ()
          {
              var myOptions = 
              {
                  zoom:8,
                  center:latlng,
                  mapTypeId:google.maps.MapTypeId.ROADMAP
              };
  
              map = new google.maps.Map (document.getElementById ("map"), myOptions);
  
              directionsDisplay.setMap (map);
  
              var initialPoint             = latlng;
  
              var latlng2 = new google.maps.LatLng (-34.400, 150.744);
              var pointAfterDragging       = latlng2;
  
              var start = initialPoint;
              var end   = pointAfterDragging;
  
              var request = {
                          origin:start,
                          destination:end,
                          travelMode:google.maps.TravelMode.DRIVING
                          };
  
  
              directionsService.route (request, 
                                  function (result, status) 
                                  {
                                      if (status == google.maps.DirectionsStatus.OK)
                                      {
                                          directionsDisplay.setDirections (result);
                                      }
                                  });
              }
  
          &lt;/script&gt; 
      &lt;/head&gt;
      &lt;body onload="initialize()" onunload="GUnload()" topmargin="0" leftmargin="0"&gt;
      &lt;div id="map" style="width: 341px; height: 271px"&gt;&lt;/div&gt;
      &lt;div id="directionsPanel" style="float:right;width:30%;height 100%"&gt;&lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt; 
  </code></pre>