JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map" style="width:400px; height:300px"></div>
    <input id="destroyButton" value="Удалить карту" type="button">

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU"></script>
<style>

JavaScript

var myMap;

// Дождёмся загрузки API и готовности DOM.
ymaps.ready(init);

function init () {
    // Создание экземпляра карты и его привязка к контейнеру с
    // заданным id ("map").
    globus = new ymaps.Map('map', {
        // При инициализации карты обязательно нужно указать
        // её центр и коэффициент масштабирования.
        center:[60, 30], // Москва
        zoom:10
    });
    var LenOblBounds = new YMaps.GeoBounds(new YMaps.GeoPoint(58.42032164, 27.75087718),new YMaps.GeoPoint(61.49507945, 35.74420556));
    var searchControl = new ymaps.control.SearchControl({
     options: {
         //boundedBy : [58.42032164,27.75087718][61.49507945,35.74420556],
         //boundedBy : [60,30][61,31],
         boundedBy : LenOblBounds,
         strictBounds : true
     }
    });
    globus.controls.add(searchControl);

   

}