JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<script type='text/javascript'>
    var shops = [
        {name: 'Магазин1', addr: 'Москва, ул. Льва Толстого, 16'},
        {name: 'Магазин2', addr: 'Москва, ул. Лапина, 3'}
    ];
</script>
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script type='text/javascript'>
    ymaps.ready(init);
    
    function init(){
        var map = new ymaps.Map('map', {
            center: [55.76, 37.64],
            zoom: 11,
            behaviors: ['default', 'scrollZoom'],
            controls: ['mapTools']
        });
        function addLabel(map, shop) {
            var geocoder = new ymaps.geocode( shop.addr, { results: 1 } );
            geocoder.then(function (res) {
                var gob = res.geoObjects.get(0);
                gob.properties.set('iconContent', shop.name);
                gob.options.set('preset', "twirl#blueStretchyIcon");
                map.geoObjects.add(gob);
            });
        }
        for (var i=0; i<shops.length; ++i) {
            addLabel(map, shops[i]);
        }
    }
</script>
    </head>
    <body>
        <div id="map"></div>
    </body>
</html>

CSS

#map {
    height: 600px;
}