Используйте google maps computeDistanceBetween, чтобы получить ближайшее местоположение, возвращает NaN

Итак, я установил карту и поле автозаполнения на сайте тестирования.

Моя цель - заставить пользователя ввести свой адрес в поле, а затем, когда он/она щелкнет, подтвердите работу с ближайшим хранилищем для них на основе предоставленной информации.

У меня есть lat/long для каждого хранилища, и с помощью автозаполнения у меня теперь есть длинный/длинный адрес пользователя, но когда я использую метод computeDistanceBetween, представленный в документации, я получаю NaN вместо желаемого результата.

Вот ссылка на тестовый сайт, чтобы получить представление - http://dev.touch-akl.com/map/

И вот что я пробовал до сих пор

    //----------------------------------------------------------------
    //--- Search Box -------------------------------------------------

    var input = document.getElementById('address');
    var $confirm = $('#confirm');

    var options = {
       types: ['geocode'],
       componentRestrictions: {country: 'nz'}//Turkey only
    };        

    var autocomplete = new google.maps.places.Autocomplete(input,options);
    autocomplete.bindTo('bounds', map);

    $confirm.click(function(){

        var _street = $('#address').val();
        var place = autocomplete.getPlace();
        var _coordinates = place.geometry.location.toString();
        var _delivery = _coordinates.substring(1, _coordinates.length - 1);
        var _kCord = '-36.874694,174.735292';
        var _pCord = '-36.858317,174.782284'

        console.log(_coordinates);
        console.log(_delivery);

        console.log(google.maps.geometry.spherical.computeDistanceBetween(_pCord, _delivery));
        console.log(google.maps.geometry.spherical.computeDistanceBetween(_kCord, _delivery));


    });

Ответ 1

google.maps.geometry.spherical.computeDistanceBetween требует, чтобы вы загружали два объекта google.maps.LatLng, тогда как вы используете строки, и это не сработает. Следующее должно...

$confirm.click(function(){
    var _street = $('#address').val();
    var place = autocomplete.getPlace();
    var _coordinates = place.geometry.location; //a google.maps.LatLng object
    var _kCord = new google.maps.LatLng(-36.874694, 174.735292);
    var _pCord = new google.maps.LatLng(-36.858317, 174.782284);

    console.log(_coordinates);

    console.log(google.maps.geometry.spherical.computeDistanceBetween(_pCord, _coordinates));
    console.log(google.maps.geometry.spherical.computeDistanceBetween(_kCord, _coordinates));
});