JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//api-maps.yandex.ru/2.1/?load=package.full&amp;lang=ru-RU&amp;mode=debug"></script>
<body>
    <div id="map"></div>
</body>

CSS

<style> body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    width: 100%;
    height: 80%;
}
.inputs {
    padding: 10px;
}
</style>

JavaScript

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map('map', {
        center: [55.76, 37.64], // Москва
        zoom: 2,
        controls: ['zoomControl']
    });

    ymaps.geoXml.load('http://svc.trianon-nsk.ru:8080/tracking/tmp/test.xml')
        .then(onGeoXmlLoad);

    // Обработчик загрузки XML-файлов.
    function onGeoXmlLoad(res) {
        myMap.geoObjects.add(res.geoObjects);
        if (res.mapState) {
            res.mapState.applyToMap(myMap);
        }
    }
}