JSFiddle - React, Tailwind, and code Playground

HTML

<a href='javascript:a()'>PRESS A</a> <a href='javascript:b()'>PRESS B</a>
<div id="map"></div>

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=en_US"></script>
<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://kashey.ru/maps/regions.js?1"></script>
<style>
        body, html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #map {
            width: 100%;
            height: 90%;
        }

JavaScript

var myMap;

ymaps.ready(init);


var collection=0;

function init () {
    myMap = new ymaps.Map('map', {
        center: [55.76, 37.64], // Москва
        zoom: 10
    });
    var geoMap=myMap;

        osmeRegions.geoJSON('RU-ORE', {
            lang: 'ru', 
            quality:-1
        }, function (data, pure) {
        collection = osmeRegions.toYandex(data, ymaps);
        collection.add(geoMap);   
        geoMap.setBounds(collection.collection.getBounds(), {duration: 300});
    });
}