JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map">
</div>

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1-dev/?lang=ru_RU"></script>
<script type="text/javascript" src="https://yastatic.net/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="https://yastatic.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
        html, body, #map {
            width: 100%;
            height: 450px;
            padding: 0;
            margin: 0;
        }
body {
    height: 500px;
}

JavaScript

ymaps.ready(init);

function init () {
    var map = new ymaps.Map('map', {center: [52.5,56], zoom: 3},{minZoom:5});
     ymaps.regions.load('RU', {
            quality: 1
        }).then(function (res) {
         ymaps.geoQuery(res.geoObjects).search('properties.osmId =  77669').addToMap(map);
     });    
}