anchor.diff:          var oceanBeach = new google.maps.LatLng(${to_x}, ${to_y});
   
           function initialize() {
  +
               directionsDisplay = new google.maps.DirectionsRenderer();
  -            geocoder = new google.maps.Geocoder();
               var mapOptions = {
  -                zoom: 14,
  +                zoom: 7,
                   center: haight
  -            }
  -            map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  +            };
  +            var map = new google.maps.Map(document.getElementById('map-canvas'),
  +                    mapOptions);
               directionsDisplay.setMap(map);
  +            directionsDisplay.setPanel(document.getElementById('directions-panel'));
  +
  +            var control = document.getElementById('control');
  +            control.style.display = 'block';
  +            map.controls[google.maps.ControlPosition.TOP_CENTER].push(control);
   
   
  -         //   var latlng = new google.maps.LatLng(-34.397, 150.644);
  -//            var mapOptions = {
  -//                zoom: 8,
  -//                center: latlng
  -//            }
  -//            map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
           }
   
           function calcRoute() {
  +            var start = document.getElementById('start').value;
  +            var end = document.getElementById('end').value;
               var selectedMode = document.getElementById('mode').value;
               var request = {
  -                origin: haight,
  -                destination: oceanBeach,
  +                origin: start,
  +                destination: end,
                   travelMode: google.maps.TravelMode[selectedMode]
               };
               directionsService.route(request, function (response, status) {
  
positive.code:         }
  
          #panel {
              position: absolute;
              top: 5px;
              left: 50%;
              margin-left: -180px;
              z-index: 5;
              background-color: #fff;
              padding: 5px;
              border: 1px solid #999;
          }
      </style>
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
  
negative.code:     <b>Mode of Travel: </b>
      <input id="address" type="textbox" value="Lviv">
      <input type="button" value="Geocode" onclick="codeAddress()">
      <br>
      <input id="start" type="textbox" value="Lviv Svobody">
      <input id="end" type="textbox" value="Lviv Saharova 23">
  
      <select id="mode" onchange="">
          <option value="DRIVING">Driving</option>
          <option value="WALKING">Walking</option>
          <option value="BICYCLING">Bicycling</option>
          <option value="TRANSIT">Transit</option>
      </select>
      <input type="button" value="Way" onclick="calcRoute();">
  </div>
  <div id="directions-panel"></div>
  <div id="map-canvas"></div>
  </body>
  </html>