JSFiddle - React, Tailwind, and code Playground
HTML
<div id="map"></div>
CSS
</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<style>
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0;
}
JavaScript
function init() {
var myMap = new ymaps.Map('map', {
center: [55.73197, 49.18978],
zoom: 13,
controls: []
}),
multiRoute = new ymaps.multiRouter.MultiRoute({
referencePoints: [
'Казань, Остановка «пос.Новая Сосновка»',
[55.73197, 49.18978]
]
}),
state = 'masstransit';
multiRoute.model.setParams({
routingMode: 'masstransit'
});
multiRoute.events.add("update",function () {
var wayPoints = multiRoute.getWayPoints();
wayPoints.get(wayPoints.getLength() - 1).options.set({
iconLayout: 'default#image',
iconImageHref: 'ogo.png'
});
/**
* Возвращает дочернюю коллекцию единичных маршрутов мультимаршрута.
* @see https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/multiRouter.masstransit.Route-docpage/
*/
multiRoute.getRoutes().each(function (route) {
console.log('route data:', route.properties.getAll());
/**
* Возвращает массив путей маршрута.
* @see https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/multiRouter.masstransit.Route-docpage/
*/
route.getPaths().each(function (path) {
console.log('path data:', path.properties.getAll());
/**
* Возвращает массив сегментов пути.
* @see https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/multiRouter.masstransit.Path-docpage/
*/
path.getSegments().each(function (segment) {
console.log('segment data:', segment.properties.getAll());
});
});
});
});
myMap.geoObjects.add(multiRoute);
}
ymaps.ready(init);