Построение пешеходного мультимаршрута
Для того чтобы построить пешеходный маршрут, необходимо передать в параметрах маршрутизации поле routingMode: 'pedestrian'.
Для того чтобы построить маршрут на общественном транспорте, воспользуйтесь примером Построение маршрута на общественном транспорте.
index.html
multiroute_pedestrian.js
<!DOCTYPE html>
<html>
<head>
<title>Построение пешеходного мультимаршрута</title>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<!--
Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
-->
<script
src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=<ваш API-ключ>"
type="text/javascript"
></script>
<script
src="multiroute_pedestrian.js"
type="text/javascript"
></script>
<style>
html,
body,
#map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>
function init() {
// Задаём точки мультимаршрута.
var pointA = [55.749, 37.524],
pointB = "Москва, Красная площадь",
/**
* Создаем мультимаршрут.
* @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/multiRouter.MultiRoute.xml
*/
multiRoute = new ymaps.multiRouter.MultiRoute(
{
referencePoints: [pointA, pointB],
params: {
//Тип маршрутизации - пешеходная маршрутизация.
routingMode: "pedestrian",
},
},
{
// Автоматически устанавливать границы карты так, чтобы маршрут был виден целиком.
boundsAutoApply: true,
}
);
// Создаем кнопку.
var changePointsButton = new ymaps.control.Button({
data: { content: "Поменять местами точки А и В" },
options: { selectOnClick: true },
});
// Объявляем обработчики для кнопки.
changePointsButton.events.add("select", function () {
multiRoute.model.setReferencePoints([pointB, pointA]);
});
changePointsButton.events.add("deselect", function () {
multiRoute.model.setReferencePoints([pointA, pointB]);
});
// Создаем карту с добавленной на нее кнопкой.
var myMap = new ymaps.Map(
"map",
{
center: [55.739625, 37.5412],
zoom: 12,
controls: [changePointsButton],
},
{
buttonMaxWidth: 300,
}
);
// Добавляем мультимаршрут на карту.
myMap.geoObjects.add(multiRoute);
}
ymaps.ready(init);