JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#map {
    width: 640px;
    height: 480px;
}

JavaScript

var container = $('#map'), myMap;

ymaps.ready(init);

function init(){
	myMap = new ymaps.Map(
		container.get(0), ymaps.util.extend(
			ymaps.util.bounds.getCenterAndZoom(
				[[47.215150, 39.718534], [47.226362, 39.734991]],
				[container.width(), container.height()]
			), {controls: ['zoomControl']}
		)
	);
    
    myMap.geoObjects.add(new ymaps.Placemark([47.220756, 39.726763]));
}