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 searchControl = new ymaps.control.SearchControl({
         boundedBy : [[65,20],[55,31]],
         strictBounds : true
    });
    globus.controls.add(searchControl);
    
    //запускаем поиск и находим Париж
    searchControl.search('Париж');
   

}