anchor.diff:  </div>
   </div>
   <script>
  -  
  +
   
     var map;
     var activity;
  
positive.code:     // google.maps.event.addListenerOnce(map, 'bounds_changed', performSearch)
  
  //Directions And Route Creation
      var directionsService = new google.maps.DirectionsService;
      var directionsDisplay = new google.maps.DirectionsRenderer;
  
      var input = (document.getElementById("address1"));
      var input2 = (document.getElementById("address2"));
  
      var autoComplete1 = new google.maps.places.Autocomplete(input);
  
      var autoComplete2 = new google.maps.places.Autocomplete(input2);
  
      directionsDisplay.setMap(map)
  
      function calculateAndDisplayRoute(directionsService, directionsDisplay){
        directionsService.route({
          origin: document.getElementById("address1").value,
          destination: document.getElementById("address2").value,
          travelMode: google.maps.TravelMode.DRIVING
        }, function(response, status){
          if (status === google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
          } else {
            window.alert('Directions request failed due to ' + status)
          }
        });
  
  
negative.code:        origins: [document.getElementById("address1").value],
          destinations: [document.getElementById("address2").value],
          travelMode: google.maps.TravelMode.DRIVING
        }, callback); //Calculates the distance on a drivable route
  
      function callback(response, status) { //Parses the data recieved
        if (status == google.maps.DistanceMatrixStatus.OK) {
          var origins = response.originAddresses;
          var destinations = response.destinationAddresses;
  