JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;mode=debug"></script>
<div id="map"></div>

CSS

html, body, #map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

JavaScript

ymaps.ready(init);
    var myMap;

    function init(){     
        myMap = new ymaps.Map ("map", {
            center: [48.440189, 22.717202],
            zoom: 17
        });
        
        // Создаем коллекцию геообъектов.
        var myCollection = new ymaps.GeoObjectCollection();
        
        // Добавляем метки в коллекцию.
        myCollection.add(new ymaps.Placemark([48.440189, 22.717202]));
        myCollection.add(new ymaps.Placemark([48.440515, 22.717424]));
        myCollection.add(new ymaps.Placemark([48.441044, 22.717894]));
        
        // Добавляем коллекцию на карту.
        myMap.geoObjects.add(myCollection);

   }