JSFiddle - React, Tailwind, and code Playground

by flash11

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<body>
    <textarea id="text"></textarea>
    <div id="map" style="width: 600px; height: 400px"></div>
</body>

JavaScript

ymaps.ready(init);
var myMap;

function init(){     
    myMap = new ymaps.Map("map", {
        center: [55.76, 37.64],
        zoom: 7
    });
    myMap.balloon.open(myMap.getCenter(), 'test');
};

$('#text').on('keyup', function() {
	myMap.balloon.setData($('#text').val());
    console.log(myMap.balloon.getData());
});