---
metadata:
- name: generator
content: Diplodoc Platform v5.39.1
alternate:
- https://yandex.com/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/route_panel_control.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/jsapi-v2-1/doc/ru/llms.txt
# Маршрут от точки на карте
Open in CodeSandbox
Кнопка для построения маршрутов. При нажатии на кнопку появляется всплывающее окно, которое содержит поля ввода начальной и конечной точек маршрута. Элемент управления доступен в хранилище control.storage по ключу "routeButtonControl".
Для панели маршрутов можно задавать различные настройки. Например, можно включить возможность задавать пункт отправления в поле ввода и т. д. Доступные опции панели приведены в документации.
{% list tabs %}
- index.html
```html
Маршрут от точки на карте
```
- route_panel_control.js
```js
ymaps.ready(function () {
var myMap = new ymaps.Map("map", {
center: [55.753994, 37.622093],
zoom: 9,
// Добавим панель маршрутизации.
controls: ["routePanelControl"],
});
var control = myMap.controls.get("routePanelControl");
// Зададим состояние панели для построения машрутов.
control.routePanel.state.set({
// Тип маршрутизации.
type: "masstransit",
// Выключим возможность задавать пункт отправления в поле ввода.
fromEnabled: false,
// Адрес или координаты пункта отправления.
from: "Москва, Льва Толстого 16",
// Включим возможность задавать пункт назначения в поле ввода.
toEnabled: true,
// Адрес или координаты пункта назначения.
//to: 'Петербург'
});
// Зададим опции панели для построения машрутов.
control.routePanel.options.set({
// Запрещаем показ кнопки, позволяющей менять местами начальную и конечную точки маршрута.
allowSwitch: false,
// Включим определение адреса по координатам клика.
// Адрес будет автоматически подставляться в поле ввода на панели, а также в подпись метки маршрута.
reverseGeocoding: true,
// Зададим виды маршрутизации, которые будут доступны пользователям для выбора.
types: { masstransit: true, pedestrian: true, taxi: true },
});
// Создаем кнопку, с помощью которой пользователи смогут менять местами начальную и конечную точки маршрута.
var switchPointsButton = new ymaps.control.Button({
data: {
content: "Поменять местами",
title: "Поменять точки местами",
},
options: { selectOnClick: false, maxWidth: 160 },
});
// Объявляем обработчик для кнопки.
switchPointsButton.events.add("click", function () {
// Меняет местами начальную и конечную точки маршрута.
control.routePanel.switchPoints();
});
myMap.controls.add(switchPointsButton);
});
```
{% endlist %}