JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Примеры. Размещение карты на странице.</title>
    <!--
        Подключаем API карт
        Параметры:
          - load=package.full - основные компоненты;
	      - lang=ru-RU - язык русский.
	    Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)
    -->
    <script src="//api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
</head>

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

</html>

JavaScript

ymaps.ready(function() {
        var map = new ymaps.Map("map", {
            center: [59.216479755719156, 39.887253417968715],
            zoom: 12,
            behaviors: ['default', 'scrollZoom']
        });
    
        // Пример 1
        // Осуществляет поиск объекта с именем "Москва".
        // Полученный результат сразу отображается на карте.
        var myGeocoder = ymaps.geocode('Москва', {results: 1});
        myGeocoder.then(
                function(res) {
                    map.setBounds(res.geoObjects.get(0).properties.get('boundedBy'), {checkZoomRange: true});
                },
                function(err) {
                    alert('Sorry, error!');
                }
        );
    });