JavaScript

MadDashCoder wrote:

when I call GetClosestPlace() however, I get the error as stated above.

• xhr.open('Get', 'http://http://...
  - double "http://" in the URL.
• GetClosestRestaurant(location, distance, results, DisplayPlace);
  - location, distance, results and DisplayPlace are not defined at the point where you are calling this function.
• GetLatLong calls GetAddress, passing GetClosestRestaurant as the callback parameter. GetAddress then passes three parameters to the callback function, but your GetClosestRestaurant function requires four parameters.

_lat, _lng, _location, distance, results
function GetClosestRestaurant(_location, distance, results, callback) {

        _lat = _location.lat();
        _lng = _location.lng();

        var jdata = { lat: _lat, lng: _lng, distance: distance, results:results };

        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            if (xhr.readyState < 4) {

                return;
            }
            if (xhr.status !== 200) {

                return;
            }
        };

        xhr.open('Get', "http://localhost:21311/myService.asmx/GetClosestPlace", true);
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

        xhr.send(JSON.stringify(jdata));
        callback(xhr.responseText);
    }

    GetClosestRestaurant(_location, distance, results, DisplayClosestRestaurant);

    function GetAddress(addr, callback) {
     location = "Some Location"; // Value returned from Google Map API
     distance = "5";
     results = "10";
    callback(location, distance, results);
    }

    function GetLatLong() {
      var address = "123 SomeStreet, SomeCity, SomeState";
       GetAddress(address, GetClosestRestaurant)
    }

var _lat, _lng, _location, _distance, _results;
function GetClosestRestaurant(ilocation, idistance, iresults, callback) { 

        _lat = ilocation.lat();
        _lng = ilocation.lng(); 
        var jdata = { lat: _lat, lng: _lng, distance: idistance, results:iresults }; 
        var xhr = new XMLHttpRequest();

        xhr.onreadystatechange = function () {
            if (xhr.readyState < 4) { 
                return;
            }
            if (xhr.status !== 200) { 
                return;
            }
        };

        xhr.open('Get', "http://localhost:21311/myService.asmx/GetClosestPlace", true);
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); 
        xhr.send(JSON.stringify(jdata));
        callback(xhr.responseText);
    }

    function GetAddress(addr, callback) {
     _location = "Some Location"; // Value returned from Google Map API
     _distance = "5";
     _results = "10";
    callback(_location, _distance, _results, GetClosestRestaurant);
    GetClosestRestaurant(_location, _distance, _results, DisplayClosestRestaurant); 
    }

    function GetLatLong() {
      var address = "123 SomeStreet, SomeCity, SomeState";
       GetAddress(address, GetClosestRestaurant)
    }

Have the user enter into the textboxes his current address, the desired distance from restaurants, and the number of results to return.

Then pass the address which the user had placed in the textbox on my page to a function that will call Google Map API to get the latitude and longitude of the entered address.

Once lat and lng values from Google API are received, call a web service to get a list of restaurants
(which are within the specified distance entered by user) from my database.

 var _lat, _lng, _location, _distance, _results;
function GetClosestRestaurant(ilocation, idistance, iresults, callback) { 

        _lat = ilocation.lat();
        _lng = ilocation.lng(); 
        var jdata = { lat: _lat, lng: _lng, distance: idistance, results:iresults }; 
        var xhr = new XMLHttpRequest();

        xhr.onreadystatechange = function () {
            if (xhr.readyState < 4) { 
                return;
            }
            if (xhr.status !== 200) { 
                return;
            }
        };

        xhr.open('Get', "http://localhost:21311/myService.asmx/GetClosestPlace", true);
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); 
        xhr.send(JSON.stringify(jdata));
        callback(xhr.responseText);
    }

    function GetLatLong(addr, callback) {

     _distance = document.getElementById("Distance").value;
     _results = document.getElementById("Results").value;

     var geocoder = new google.maps.Geocoder();
     geocoder.geocode({ 'address': addr }, function (searchResults, searchStatus) {
        _location = searchResults[0].geometry.location;        
        callback(_location, _distance, _results, GetClosestRestaurant);
     });

     GetClosestRestaurant(_location, _distance, _results, DisplayClosestRestaurant); 
    }

    function GetAddress() {
      var address = document.getElementById("Distance").value;
      GetAddress(address, GetClosestRestaurant);
    }

<div><input type="button" value="Submit" onclick="GetAddress()"/></div>

function GetAddress() {
  var address = document.getElementById("Distance").value;
  GetAddress(address, GetClosestRestaurant);
}