title: distance in ng map for angularjs
body: <pre><code>&lt;!DOCTYPE html&gt;
   &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Travel modes in directions&lt;/title&gt;
   &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
   &lt;script src="http://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"&gt;&lt;/script&gt;
       &lt;script src="http://code.angularjs.org/1.3.15/angular.js"&gt;   &lt;/script&gt;
    &lt;script src="http://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"&gt;&lt;/script&gt;
  &lt;style&gt;
    html, body {width:100%; height: 100%; padding:0; margin: 0}
    body {padding: 5px}
    * { box-sizing: border-box; }
  &lt;/style&gt;
      &lt;/head&gt;
    &lt;body ng-app="ngMap"&gt;
         &lt;div style="width: 68%; float:left; height: 100%"&gt;
     &lt;div ng-app="" ng-init="loc='current-location'"&gt;
  
     Destination: &lt;input type="text"  ng-model="loc"&gt;
  
  
     &lt;/div&gt;
    &lt;ng-map zoom="14" center="current-location" style="height:90%" &gt;
      &lt;directions
        draggable="true"
        panel="directions-panel"
        travel-mode="DRIVING"
        origin="current-location"
        destination="{{loc}}"&gt;
      &lt;/directions&gt;
    &lt;/ng-map&gt;
  
  
    Directions path length:{{map.directionsRenderers[0].directions.routes[0].overview_path.length}}
  &lt;/div&gt;
  
  
  &lt;div id="directions-panel" style="width: 28%; float:left; height: 100%; overflow: auto; padding: 0px 5px"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>this is my code to get the driving directions between two points. The directions to path length used to calculate the distance is not similar to the actual distance between the points.. is there a way i can find the actual distance between the points?? Plz help</p>