Версия:
Популярные примеры
Карта
Геообъекты
Балун и хинт
Элементы управления
Активные области
Кластеризация
GeoQuery
Поведения и события
Поиск по карте
Пробки
Местоположение пользователя
Маршрутизация
YMapsML
GeoXML
ObjectManager
Модульная система
Панорамы
Внешние модули

Маршрут от точки на карте

Сохранить как файлыЭкспорт на JSFiddle

Кнопка для построения маршрутов. При нажатии на кнопку появляется всплывающее окно, которое содержит поля ввода начальной и конечной точек маршрута. Элемент управления доступен в хранилище control.storage по ключу "routeButtonControl".

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

\n\n","route_panel_control.js":"ymaps.ready(function () {\n var myMap = new ymaps.Map('map', {\n center: [55.753994, 37.622093],\n zoom: 9,\n // Добавим панель маршрутизации.\n controls: ['routePanelControl']\n });\n\n var control = myMap.controls.get('routePanelControl');\n\n // Зададим состояние панели для построения машрутов.\n control.routePanel.state.set({\n // Тип маршрутизации.\n type: 'masstransit',\n // Выключим возможность задавать пункт отправления в поле ввода.\n fromEnabled: false,\n // Адрес или координаты пункта отправления.\n from: 'Москва, Льва Толстого 16',\n // Включим возможность задавать пункт назначения в поле ввода.\n toEnabled: true\n // Адрес или координаты пункта назначения.\n //to: 'Петербург'\n });\n\n // Зададим опции панели для построения машрутов.\n control.routePanel.options.set({\n // Запрещаем показ кнопки, позволяющей менять местами начальную и конечную точки маршрута.\n allowSwitch: false,\n // Включим определение адреса по координатам клика.\n // Адрес будет автоматически подставляться в поле ввода на панели, а также в подпись метки маршрута.\n reverseGeocoding: true,\n // Зададим виды маршрутизации, которые будут доступны пользователям для выбора.\n types: { masstransit: true, pedestrian: true, taxi: true }\n });\n\n // Создаем кнопку, с помощью которой пользователи смогут менять местами начальную и конечную точки маршрута.\n var switchPointsButton = new ymaps.control.Button({\n data: {content: \"Поменять местами\", title: \"Поменять точки местами\"},\n options: {selectOnClick: false, maxWidth: 160}\n });\n // Объявляем обработчик для кнопки.\n switchPointsButton.events.add('click', function () {\n // Меняет местами начальную и конечную точки маршрута.\n control.routePanel.switchPoints();\n });\n myMap.controls.add(switchPointsButton);\n});\n"},"resources":[],"directory":"https://sandbox.api.maps.yandex.net/examples/ru/2.1/route_panel_control/"}
Пишете на JavaScript? У нас есть вакансии
Sun Sep 18 2022 20:10:14 GMT+0300 (Moscow Standard Time)