JSFiddle - React, Tailwind, and code Playground

by ruffnec

HTML

<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map" style="width:450px;height:400px"></div>

JavaScript

ymaps.ready(init);

        var myMap, multiRoute;

        function init() {

            myMap = new ymaps.Map("map", {
                center: [55.76, 37.64],
                zoom: 10
            }, {
                geoObjectClusterDisableClickZoom: true
            });
            myMap.behaviors.disable('scrollZoom');

// Создаем модель мультимаршрута.
var multiRouteModel = new ymaps.multiRouter.MultiRouteModel(['Москва, метро теплый стан', 'Москва, метро речной вокзал'], {
    routingMode: 'masstransit'
});

// Создаем отображение мультимаршрута на основе модели.
            var multiRouteView = new ymaps.multiRouter.MultiRoute(multiRouteModel,{});
myMap.geoObjects.add(multiRouteView);

console.log(multiRouteView.model.getRoutes());
alert('Маршруты:'+multiRouteView.model.getRoutes());            
// Подписываемся на события модели мультимаршрута.
multiRouteView.model.events
    .add("requestsuccess", function (event) {
        var routes = event.get("target").getRoutes();
        console.log("Найдено маршрутов: " + routes.length);
        alert("Найдено маршрутов: " + routes.length);
        for (var i = 0, l = routes.length; i < l; i++) {
            console.log("Длина маршрута " + (i + 1) + ": " + routes[i].properties.get("distance").text);
            alert("Длина маршрута " + (i + 1) + ": " + routes[i].properties.get("distance").text);
        }
    })
    .add("requestfail", function (event) {
        console.log("Ошибка: " + event.get("error").message);
    });

        }