Не могу перевести координаты в адрес Яндекс карты?

Question

[SeaWeer]

Есть код

ymaps.modules.define(
'DeliveryCalculator',
['util.defineClass'],
function (provide, defineClass) {
/**
* @class DeliveryCalculator Расчет стоимости доставки.
* @param {Object} map Экземпляр карты.
*/

function DeliveryCalculator (map) {
this._map = map;
this._startPoint = null;
this._route = null;
this._startPointBalloonContent;
this._finishPointBalloonContent;

map.events.add('click', this._onClick, this);
}

defineClass(DeliveryCalculator, {
/**
* Создаем начальную точку маршрута.
* Если точка создана, то обновляем координаты.
* @param {Number[]} position Координаты точки.
*/
setStartPoint: function (position) {
console.log('change start');
if (this._startPoint) {
this._startPoint.geometry.setCoordinates(position);
} else {
// Создаем маркер с возможностью перетаскивания (опция `draggable`).
// По завершении перетаскивания вызываем обработчик `_onStartDragEnd`.
this._startPoint = new ymaps.Placemark(position, {iconContent: 'А'}, {draggable: true});
this._startPoint.events.add('dragend', this._onStartDragEnd, this);
this._map.geoObjects.add(this._startPoint);

}
this.geocode('start', position);

},

/**
* Создаем конечную точку маршрута.
* Если точка создана, то обновляем координаты.
* @param {Number[]} position Координаты точки.
*/
setFinishPoint: function (position) {
console.log('finish');
if (this._finishPoint) {
this._finishPoint.geometry.setCoordinates(position);
} else {
this._finishPoint = new ymaps.Placemark(position, { iconContent: 'Б' }, { draggable: true });
this._finishPoint.events.add('dragend', this._onFinishDragEnd, this);
this._map.geoObjects.add(this._finishPoint);
}
if (this._startPoint) {
this.geocode('finish', position);
}

},

/**
* Проводим обратное геокодирование (определяем адрес по координатам) для точек маршрута.
* @param {String} pointType Тип точки: 'start' - начальная, 'finish' - конечная.
* @param {Number[]} point Координаты точки.
*/

geocode: function (pointType, point) {
ymaps.geocode(point).then(function (result) {
// result содержит описание найденных геообъектов.
if (pointType == 'start') {

// Получаем описание первого геообъекта в списке, чтобы затем показать
// с описанием доставки по клику на метке.
this._startPointBalloonContent = result.geoObjects.get(0) &&
result.geoObjects.get(0).properties.get('balloonContentBody') || '';


} else {
// То же самое для конечной точки

this._finishPointBalloonContent = result.geoObjects.get(0) &&
result.geoObjects.get(0).properties.get('balloonContentBody') || '';
}
this._setupRoute();
}, this);

},

/**
*
* @param {Number} routeLength Длина маршрута в километрах.
* return {Number} Стоимость доставки.
*/
calculate: function (routeLength) {
// Константы.
var DELIVERY_TARIF = 0, // Стоимость за километр.
MINIMUM_COST = 0; // Минимальная стоимость.

return Math.max(routeLength * DELIVERY_TARIF + MINIMUM_COST);

},

/**
* Прокладываем маршрут через заданные точки
* и проводим расчет доставки.
*/
_setupRoute: function () {
// Удаляем предыдущий маршрут с карты.
if (this._route) {
this._map.geoObjects.remove(this._route);
}

if (this._startPoint && this._finishPoint) {
var start = this._startPoint.geometry.getCoordinates(),
finish = this._finishPoint.geometry.getCoordinates(),
startBalloon = this._startPointBalloonContent,
finishBalloon = this._finishPointBalloonContent;

// Прокладываем маршрут через заданные точки.
ymaps.route([start, finish])
.then(function (router) {
var distance = Math.round(router.getLength() / 1000),
message = 'Расстояние: ' + distance + ' км.
' +
'ВЫБЕРИТЕ ТИП АВТОМОБИЛЯ ----------->>>';

this._route = router.getPaths(); // Получаем коллекцию путей, из которых состоит маршрут.

this._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 });
this._map.geoObjects.add(this._route); // Добавляем маршрут на карту.
// Задаем контент балуна для начального и конечного маркера.
this._startPoint.properties.set('balloonContentBody', startBalloon + message.replace('%s', this.calculate(distance)));
this._finishPoint.properties.set('balloonContentBody', finishBalloon + message.replace('%s', this.calculate(distance)));


// $('#ss').html(start);
//$('#ff').html(finish);
// Открываем балун над точкой доставки.
// Закомментируйте, если не хотите показывать балун автоматически.
this._finishPoint.balloon.open();
}, this);

this._map.setBounds(this._map.geoObjects.getBounds());
}
},

/**
* Обработчик клика по карте. Получаем координаты точки на карте и создаем маркер.
* @param {Object} event Событие.
*/
_onClick: function (event) {
if (this._startPoint) {
this.setFinishPoint(event.get('coords'));
} else {
this.setStartPoint(event.get('coords'));
}
},

/**
* Получаем координаты маркера и вызываем геокодер для начальной точки.
*/
_onStartDragEnd: function () {
this.geocode('start', this._startPoint.geometry.getCoordinates());
},

_onFinishDragEnd: function () {
this.geocode('finish', this._finishPoint.geometry.getCoordinates());
}
});

provide(DeliveryCalculator);
}
);

Нужно получить и вставить в блок адрес, точек старта и финиша.
Уже неделю пытаюсь это сделать но нечего не выходит, кроме как вставить координаты этих точек.

Comments

[Александр Фёдорцев]

Текста много, видимо всем вникать лень...
Если на странице карта отображается... И точки на ней, с адресом...

document.querySelectorAll('ymaps[id]')[0].innerText   // старт
document.querySelectorAll('ymaps[id]')[1].innerText  //  финиш

[SeaWeer]

Александр Фёдорцев: у точек есть адрес, только в balloncontentbody. Грубо говоря этот текст делает 2 маркера по клику и считает расстояние. Точки в координатах, а вот обратное геокодирование сделать ппц не могу, пример на яндексе мне не подходит...

[freeExec]

Действительно, вникать в эту простыню бесполезно. Закидывайте код в песочницу. И чем вам пример яндекса не подошёл с обратным геокодированием?

[SeaWeer]

freeExec: Он создает baloon, а у меня и так создается. Вот только как адресс вытащить в переменную для подстановки в форму вопрос.

[freeExec]

SeaWeer: Ну вы нашли код, который адрес в балун вставляет?

[SeaWeer]

freeExec:

this._startPointBalloonContent = result.geoObjects.get(0) &&
result.geoObjects.get(0).properties.get('balloonContentBody') || '';

Вот он для стартовой точки и тоже самое для конечной.

[freeExec]

res.geoObjects.get(0).getAddressLine();

[SeaWeer]

freeExec: Смотрите, вот я сократил код:

_setupRoute: function () {
// Удаляем предыдущий маршрут с карты.
if (this._route) {
this._map.geoObjects.remove(this._route);
}

if (this._startPoint && this._finishPoint) {
var start = this._startPoint.geometry.getCoordinates(),
finish = this._finishPoint.geometry.getCoordinates(),
startBalloon = this._startPointBalloonContent,
finishBalloon = this._finishPointBalloonContent;

// Прокладываем маршрут через заданные точки.
ymaps.route([start, finish])
.then(function (router) {
var distance = Math.round(router.getLength() / 1000),
message = 'Расстояние: ' + distance + ' км.
' +
'ВЫБЕРИТЕ ТИП АВТОМОБИЛЯ ----------->>>';

this._route = router.getPaths(); // Получаем коллекцию путей, из которых состоит маршрут.

this._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 });
this._map.geoObjects.add(this._route); // Добавляем маршрут на карту.
// Задаем контент балуна для начального и конечного маркера.
this._startPoint.properties.set('balloonContentBody', startBalloon + message.replace('%s', this.calculate(distance)));
this._finishPoint.properties.set('balloonContentBody', finishBalloon + message.replace('%s', this.calculate(distance)));


// $('#ss').html(start); // выводит координаты start
//$('#ff').html(finish);
// Открываем балун над точкой доставки.

this._finishPoint.balloon.open();
}, this);

this._map.setBounds(this._map.geoObjects.getBounds());
}
}

Вот кусок кода, как мне сделать что бы передался адрес пока только геокоординаты, я пока javascript в идеале не знаю, пытаюсь разобраться. $('#ss').html(Адресс точки старт); .

[freeExec]

SeaWeer: Не вижу у вас вообще вызова геодкодера

ymaps.geocode(coords).then(function (res) {
            var firstGeoObject = res.geoObjects.get(0);
            $('#ss').html(firstGeoObject.getAddressLine());
        });

[SeaWeer]

freeExec: Спасибо огромное, я просто пытаюсь еще пока освоить это. Я не могу до конца въехать в работу. Например, как правильно расшифровать и как работает res.geoObjects.get(0);