#javascript #google-maps #geocode
#javascript #google-карты #геокодирование
Вопрос:
Я пытаюсь отменить геокодирование адреса из его значений lat и long и отобразить в режиме начальной загрузки, и поэтому я хотел бы обновить переменную ‘StartAddress‘ результатом функции ReverseGeocode, но я не смог.
Это модальная функция:
$(document).on("click", ".modal-editRoute", function () {
var getCoord = $(this).attr("data");
var splitCoord = getCoord.split(",");
var startAddress = getReverseGeocodingData(splitCoord[0], splitCoord[1]);
console.log("1: " startAddress); // This is undefined
$(".modal-body #startRoute").val(startAddress);
$(".modal-body #endRoute").val('coming soon');
});
Это функция getReverseGeocodingData:
function getReverseGeocodingData(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'latLng': latlng }, function (results, status) {
if (status !== google.maps.GeocoderStatus.OK) {
alert(status);
}
if (status == google.maps.GeocoderStatus.OK) {
var result = (results[0].formatted_address);
}
console.log("2: " result);
return resu<
});
}
Вот как это отображается в журналах консоли:
Ответ №1:
Вы можете использовать обещания:
function getReverseGeocodingData(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
var geocoder = new google.maps.Geocoder();
return new Promise((resolve, reject) => {
geocoder.geocode({ 'latLng': latlng }, function (results, status) {
if (status !== google.maps.GeocoderStatus.OK) {
alert(status);
}
if (status == google.maps.GeocoderStatus.OK) {
var result = (results[0].formatted_address);
startAddress = resu<
}
console.log("2: " startAddress); // This has the proper value
resolve(startAddress);
});
});
}
$(document).on("click", ".modal-editRoute", function () {
var getCoord = $(this).attr("data");
var splitCoord = getCoord.split(",");
getReverseGeocodingData(splitCoord[0], splitCoord[1])
.then((startAddress) => {
console.log("1: " startAddress); // This is empty
$(".modal-body #startRoute").val(startAddress);
$(".modal-body #endRoute").val('coming soon');
});
});
Чтобы узнать больше об обещаниях, вы можете прочитать этот пост: Promise