Клуб API Карт

Автоматический вывод расчета через placemark.balloon.open()

Пост в архиве.

Хочу чтобы после расчет стоимости доставки, цена автоматически выводилась а не по нажатию балуна. На сколько я понимаю вот код инициализации нажатия на балун

 self._route = router.getPaths();
                
                self._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 });
                self._map.geoObjects.add(self._route);
                self._start.properties.set('balloonContentBody', startBalloon + message.replace('%s', self.calculate(distance)));
                self._finish.properties.set('balloonContentBody', finishBalloon + message.replace('%s', self.calculate(distance)));

Я пытаюсь сделать так 

 self._route = router.getPaths();
                
                self._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 });
                self._map.geoObjects.add(self._route);

                 placemark.balloon.open('balloonContentBody', message.replace('%s', self.calculate(distance)));

Но не получается

В чем ошибка

4 комментария
Дмитрий К.
15 марта 2016, 12:28
Хм... Сейчас понял что глупость написал, ведь инициализацию открытия мне нужно вписывать в функцию кнопки найти, ведь открывать ее мне нужно после того как произведен расчет.
Дмитрий К.
15 марта 2016, 12:33
Вот мой код, подскажите пожалуйста куда рыть

function init() {
var myMap = new ymaps.Map('map', {
center: [55.6156, 37.4876],
zoom: 15,
type: 'yandex#map',
controls: []
}),

searchFinishPoint = new ymaps.control.SearchControl({
options: {
useMapBounds: true,
noCentering: true,
noPopup: true,
noPlacemark: true,
placeholderContent: 'Адрес конечной точки',
size: 'large',
float: 'none',
position: { left: 10, top: 44 }
}
}),
calculator = new DeliveryCalculator(myMap, myMap.getCenter());
calculator.setStartPoint([55.6152, 37.4834]);

myMap.controls.add(searchFinishPoint);

searchFinishPoint.events.add('resultselect', function (e) {
var results = searchFinishPoint.getResultsArray(),
selected = e.get('index'),
point = results[selected].geometry.getCoordinates();

calculator.setFinishPoint(point);
})
.add('load', function (event) {
// По полю skip определяем, что это не дозагрузка данных.
// По getRusultsCount определяем, что есть хотя бы 1 результат.
if (!event.get('skip') && searchFinishPoint.getResultsCount()) {
searchFinishPoint.showResult(0);
}
});
}

function DeliveryCalculator(map, finish) {
this._map = map;
this._start = null;
this._route = null;
this._startBalloon;
this._finishBalloon;

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

var ptp = DeliveryCalculator.prototype;

ptp._onClick= function (e) {
if (this._start) {
this.setFinishPoint(e.get('coords'));
}
};

ptp._onStartDragEnd = function (e) {
var coords = this._start.geometry.getCoordinates();
this.geocode("start", coords);
}

ptp._onFinishDragEnd = function (e) {
var coords = this._finish.geometry.getCoordinates();
this.geocode("finish", coords);
}

ptp.getDirection = function () {
if(this._route) {
this._map.geoObjects.remove(this._route);
}

if (this._start && this._finish) {
var self = this,
start = this._start.geometry.getCoordinates(),
finish = this._finish.geometry.getCoordinates(),
startBalloon = this._startBalloon,
finishBalloon = this._finishBalloon;


ymaps.route([start, finish])
.then(function (router) {
var distance = Math.round(router.getLength() / 1000),
message = '<span>Расстояние: ' + distance + 'км.</span><br/>' +
'<span style="font-weight: bold; font-style: italic">Стоимость доставки: %sр.</span>';

self._route = router.getPaths();

self._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 });
self._map.geoObjects.add(self._route);
self._start.properties.set('balloonContentBody', startBalloon + message.replace('%s', self.calculate(distance)));
self._finish.properties.set('balloonContentBody', finishBalloon + message.replace('%s', self.calculate(distance)));

});

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

ptp.setStartPoint = function (position) {
if(this._start) {
this._start.geometry.setCoordinates(position);
}
else {
this._start = new ymaps.Placemark(position, { iconContent: 'Stroimoll.ru' }, {preset: 'islands#blackStretchyIcon', draggable: false });
this._start.events.add('dragend', this._onStartDragEnd, this);
this._map.geoObjects.add(this._start);
}
this.geocode("start", position);
};

ptp.setFinishPoint = function (position) {
if(this._finish) {
this._finish.geometry.setCoordinates(position);
}
else {
this._finish = new ymaps.Placemark(position, { iconContent: 'Б' }, { draggable: true });
this._finish.events.add('dragend', this._onFinishDragEnd, this);
this._map.geoObjects.add(this._finish);
}
if (this._start) {
this.geocode("finish", position);
}
};

ptp.geocode = function (str, point) {
ymaps.geocode(point).then(function(geocode) {
if (str == "start") {
this._startBalloon = geocode.geoObjects.get(0) &&
geocode.geoObjects.get(0).properties.get('balloonContentBody') || '';
console.log(str + " " + this._startBalloon);
} else {
this._finishBalloon = geocode.geoObjects.get(0) &&
geocode.geoObjects.get(0).properties.get('balloonContentBody') || '';
console.log(str + " " + this._finishBalloon);
}
this.getDirection();
}, this);

}
ptp.calculate = function (len) {
// Константы.
var DELIVERY_TARIF = 20,
MINIMUM_COST = 500;

return Math.max(len * DELIVERY_TARIF, MINIMUM_COST);
};

ymaps.ready(init);
https://yandex.ru/blog/mapsapi/raschet-stoimosti-poezdki
Дмитрий К.
15 марта 2016, 17:38
dimik,
Большое спасибо, отлично:)