title: Get and show direction without showing a google map
body: <p>Hi is it possible to get the direction from googlemaps without showing a map?</p>
  
  <p>I can get the directions from calling like this:-</p>
  
  <pre><code>https://maps.googleapis.com/maps/api/directions/json?origin=52.4076963,-1.4853391999999985&amp;destination=52.6114729,-1.6812878000000637&amp;key=KEYHERE
  
  &lt;div id="result"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And the code I am trying to call it with is :</p>
  
  <pre><code>function calcRoute() {
      var start = "52.4076963,-1.4853391999999985";
      var end = "52.6114729,-1.6812878000000637";
      var request = {
          origin: start,
          destination: end,
          travelMode: google.maps.TravelMode.DRIVING
      };
      directionsService.route(request, function (response, status) {
          if (status == google.maps.DirectionsStatus.OK) {
              var result = document.getElementById('result');
              result.innerHTML= "";
              for (var i =0; i &lt; response.routes[0].legs[0].steps.length; i++){
                  result.innerHTML+=response.routes[0].legs[0].steps[i].instructions+"&lt;br&gt;"
              }
              console.log(response)
              directionsDisplay.setDirections(response);
          }
      });
  }
  
  calcRoute();
  </code></pre>
  
  <p>How I get this to run with calcRoute and just show the direction in the div?</p>
  
  <p>Thanks</p>