---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/deliveryCalculator.md
- https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/deliveryCalculator.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/llms.txt
# Расчёт стоимости доставки
Open in CodeSandbox
Данный пример показывает, как можно автоматически строить маршрут и рассчитывать стоимость поездки или доставки. Если кликнуть в любое место на карте или вбить нужный адрес в соответствующих полях панели маршрутизации, то на карте отобразится маршрут. В балун маршрута добавится информация о стоимости поездки (доставки).
Чтобы отметить начальную и конечную точки, достаточно кликнуть в нужных местах на карте либо ввести адреса в соответствующих полях панели маршрутизации.
При клике на метке начальной точки откроется балун с информацией о маршруте и стоимости доставки.
{% list tabs %}
- index.html
```html
Расчет стоимости доставки
```
- deliveryCalculator.js
```js
ymaps.ready(init);
function init() {
// Стоимость за километр.
var DELIVERY_TARIFF = 20,
// Минимальная стоимость.
MINIMUM_COST = 500,
myMap = new ymaps.Map("map", {
center: [60.906882, 30.067233],
zoom: 9,
controls: [],
}),
// Создадим панель маршрутизации.
routePanelControl = new ymaps.control.RoutePanel({
options: {
// Добавим заголовок панели.
showHeader: true,
title: "Расчёт доставки",
},
}),
zoomControl = new ymaps.control.ZoomControl({
options: {
size: "small",
float: "none",
position: {
bottom: 145,
right: 10,
},
},
});
// Пользователь сможет построить только автомобильный маршрут.
routePanelControl.routePanel.options.set({
types: { auto: true },
});
// Если вы хотите задать неизменяемую точку "откуда", раскомментируйте код ниже.
/*routePanelControl.routePanel.state.set({
fromEnabled: false,
from: 'Москва, Льва Толстого 16'
});*/
myMap.controls.add(routePanelControl).add(zoomControl);
// Получим ссылку на маршрут.
routePanelControl.routePanel.getRouteAsync().then(function (route) {
// Зададим максимально допустимое число маршрутов, возвращаемых мультимаршрутизатором.
route.model.setParams({ results: 1 }, true);
// Повесим обработчик на событие построения маршрута.
route.model.events.add("requestsuccess", function () {
var activeRoute = route.getActiveRoute();
if (activeRoute) {
// Получим протяженность маршрута.
var length = route
.getActiveRoute()
.properties.get("distance"),
// Вычислим стоимость доставки.
price = calculate(Math.round(length.value / 1000)),
// Создадим макет содержимого балуна маршрута.
balloonContentLayout =
ymaps.templateLayoutFactory.createClass(
"Расстояние: " +
length.text +
".
" +
'Стоимость доставки: ' +
price +
" р."
);
// Зададим этот макет для содержимого балуна.
route.options.set(
"routeBalloonContentLayout",
balloonContentLayout
);
// Откроем балун.
activeRoute.balloon.open();
}
});
});
// Функция, вычисляющая стоимость доставки.
function calculate(routeLength) {
return Math.max(routeLength * DELIVERY_TARIFF, MINIMUM_COST);
}
}
```
{% endlist %}