<div class="row">
    <form class="form-inline">
        <label>Од </label>
        <input type="text" class="form-control" placeholder="From Address" data-ng-model="gmap.fromAddress" style="width: 300px;" />
        <label>Начин путовања</label>
        <select class="form-control" data-ng-model="gmap.selectedOption" data-ng-options="c for c in gmap.options" style="width: 180px;"></select>
        <button class="btn btn-info" data-ng-click='gmap.setDirections()'><i class="icon-search"></i>Успостави руту</button>
    </form>
</div>
<div class='row' style="height: 5px;">
</div>
<div class='row'>
    <div class="col-lg-3">
        <div id="directions"></div>
        <p>
            Укупна дистанца: {{gmap.totalKm}} км
        </p>
    </div>
    <div class="google-map" todo-maps="" id="map_canvas" style="height: 480px;">
    </div>
</div>

  <style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0px; padding: 0px }
    .google-map{width:100%; height:100%;}
    .map-control{background-color: white; margin:1em; padding:.5em; border-radius: 1em; word-wrap: break-word;}
  </style>



