<p>Hi - this pull request is the product of my first poke around with your jsrouting branch. It simply puts the cumulative distance into the results GUI.</p>

<p>Distance is shown in km - I'm not aware of any osm i18n call that would decide whether to output miles/km but maybe that could come later.</p>

<hr>

<h4>You can merge this Pull Request by running</h4>
<pre>  git pull https://github.com/danstowell/openstreetmap-website jsrouting</pre>
<p>Or view, comment on, or merge it at:</p>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/710'>https://github.com/openstreetmap/openstreetmap-website/pull/710</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>Beginning of JavaScript-only routing UI</li>
  <li>Presentation work</li>
  <li>Precompile routing JS</li>
  <li>Presentation of directions</li>
  <li>Query options presentation</li>
  <li>Close directions</li>
  <li>Start to make turn-by-turn instructions clickable</li>
  <li>Show little popup on click</li>
  <li>Start work on second engine</li>
  <li>Move routing engines into their own files</li>
  <li>Simplify usage, fix closures</li>
  <li>Start MapQuest Open support</li>
  <li>Move more engine-specific stuff out of main .js</li>
  <li>Parse MapQuest directions</li>
  <li>Parse CloudMade directions</li>
  <li>Allow user to click Go before geocode result</li>
  <li>Remove logging</li>
  <li>Start work on drag-and-drop start/end markers</li>
  <li>More work on draggable markers</li>
  <li>More draggable routes work</li>
  <li>Add GraphHopper engine (thanks @karussell!)</li>
  <li>Integrate marker & geocoding behaviours</li>
  <li>Apparently 'final' is a reserved word in JS...</li>
  <li>Repair Go button</li>
  <li>Remove a couple of TODOs</li>
  <li>Remove some repeated-query funkiness</li>
  <li>Make more of the javascript routing functions internationalizable</li>
  <li>Merge pull request #6 from apmon/jsroute</li>
  <li>Fiiiix siiiiilly direeeeections</li>
  <li>output total distance</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-0">app/assets/images/routing-sprite.png</a>
    (0)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-1">app/assets/javascripts/index.js</a>
    (46)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-2">app/assets/javascripts/routing.js.erb</a>
    (269)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-3">app/assets/javascripts/routing_engines/cloudmade_foot.js</a>
    (42)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-4">app/assets/javascripts/routing_engines/graphhopper_bicycle.js</a>
    (48)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-5">app/assets/javascripts/routing_engines/mapquest_bicycle.js</a>
    (65)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-6">app/assets/javascripts/routing_engines/osrm_car.js</a>
    (42)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-7">app/assets/stylesheets/common.css.scss</a>
    (46)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-8">app/views/layouts/_search.html.erb</a>
    (22)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-9">config/environments/production.rb</a>
    (2)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-10">config/locales/de.yml</a>
    (32)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-11">config/locales/en.yml</a>
    (32)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/710/files#diff-12">vendor/assets/leaflet/leaflet.polyline.js</a>
    (127)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/710.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/710.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/710.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/710.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href='https://github.com/openstreetmap/openstreetmap-website/pull/710'>view it on GitHub</a>.<img src='https://github.com/notifications/beacon/1419053__eyJzY29wZSI6Ik5ld3NpZXM6QmVhY29uIiwiZXhwaXJlcyI6MTcwODcyMjkxNiwiZGF0YSI6eyJpZCI6MjYyNjc3NDB9fQ==--7b8965e1f69288baab2403a32f32a4d46b810e04.gif' height='1' width='1'></p>