JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>

CSS

#map {
    width: 100%;
    height: 400px;
}

JavaScript

ymaps.ready(function () {

    geoMap = new ymaps.Map('map', {
        center: [60, 90],
        type: "yandex#map",
        zoom: 3
    });
    geoMap.controls.add('zoomControl');

    var lastCollection = 0,
        lastActiveRegion = 0;

    var lng = 'ru',
        contr = 'RU',
        level = '0';
    if (lastCollection) {
        geoMap.geoObjects.remove(lastCollection);
    }
    ymaps.regions.load(contr, {
        lang: lng,
        quality: level
    }).then(function (result) {
        lastCollection = result.geoObjects;

        lastCollection.each(function (reg) {

            switch (reg.properties.get('osmId')) {
                /* begin Северо-Кавказский федеральный округ*/
                case '108081':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '109877':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '110032':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '109878':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '109879':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '253252':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                case '109876':
                {
                    reg.options.set('fillColor', '#ff001a');
                    break;
                }
                /* end Северо-Кавказский федеральный округ*/

                /* begin Приволжский федеральный округ*/
                case '109876':
                {
                   ...