JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU"></script>
<div id="map"/>

CSS

#map {
    width:600px;
    height:400px;
}

JavaScript

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map("map", {
            center: [43.17270778, 132.02524050],
            zoom: 11
        });

    // Добавим на карту схему проезда
    // от улицы Крылатские холмы до станции метро "Кунцевская"
    // через станцию "Молодежная" и затем до станции "Пионерская".
    // Точки маршрута можно задавать 3 способами:
    // как строка, как объект или как массив геокоординат.
    ymaps.route([
        'Владивосток, улица Русская 46',
        [43.17434553162404, 131.90963413063614],
        'Владивосток, улица Кирова 23'
    ]).then(function (route) {
        var paths = route.getPaths();
        
        paths.options.set('preset', 'router#route');
        myMap.geoObjects.add(paths);
        myMap.setBounds(paths.getBounds());
    }, function (error) {
        alert('Возникла ошибка: ' + error.message);
    });
}