JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

html, body, #map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

JavaScript

ymaps.ready(init);

function init() {
    // пара переменных для циклов.
    var i, l;

    // создаем и настраиваем карту
    var myMap = new ymaps.Map("map", {
        center: [48.41, 22.74],
        zoom: 10
    });

var Mukachevo = {coord: [[48.440189, 22.717202], [48.440612, 22.717551], [48.441044, 22.717894]],
    balloon: '<strong>Mukachevo</strong>',
    color: '#1faee9'};
var Irshava = {coord: [[48.31272039, 23.04213754], [48.31229098, 23.04194979], [48.31194115, 23.04171165]],
    balloon: '<strong>Irshava</strong>',
    color: '#3b5998'};

// "zone" должен быть обязательно ниже данных с координатами и свойствами
var zone = [Mukachevo, Irshava];

var wifiGeoObjects = [];
for (var i1 = 0; i1 < zone.length; i1++) {
    for (var i2 = 0; i2 < zone[i1].coord.length; i2++) {
        var geoObject = new ymaps.GeoObject({
            geometry: {
                type: "Point",
                coordinates: zone[i1].coord[i2]
            }, properties: {
                clusterCaption: zone[i1].title,
                balloonContentBody: zone[i1].balloon
            }
        }, {preset: 'islands#circleDotIcon',
            iconColor: zone[i1].color
        });
        wifiGeoObjects.push(geoObject);
    };
};

}