JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map"></div>

CSS

</style>
 <script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<style>
        body, html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #map {
            width: 100%;
            height: 100%;
        }
.flat-point{
    width:10px;
    height:10px;
    display:block;
    background-color:red;
}

JavaScript

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map('map', {
            center: [59.93973, 30.327546],// Питер
            zoom: 5,
            controls: ['zoomControl']
        });
        var url = 'http://cb02359.tmweb.ru/yandex/yandexmapjs.xml';
        ymaps.geoXml.load(url).then(function(res){
            myMap.geoObjects.add(res.geoObjects);
        });    
}