Итак, я установил карту и поле автозаполнения на сайте тестирования.
Моя цель - заставить пользователя ввести свой адрес в поле, а затем, когда он/она щелкнет, подтвердите работу с ближайшим хранилищем для них на основе предоставленной информации.
У меня есть 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));
});