JSFiddle - React, Tailwind, and code Playground

by Ugeen Vityuk

HTML

<script src="http://api-maps.yandex.ru/2.1.15/?load=package.full&amp;lang=ru-RU&amp;mode=debug"></script>
<div id="map">
    
</div>

CSS

#map {
    height: 500px;
}

.content {
    background: red;
}

.balloon {
    background: green;
}

JavaScript

window.onload = function () {
    var data = [
        [55.771494,37.592797],
        [55.7735051963606,37.5868509346264],
        [55.7746310142567,37.5838075952451],
        [55.7745214565245,37.5871716009092],
        [55.7662577861908,37.6107995354271],
        [55.7686441544486,37.5860694178316],
        [55.7675728651474,37.5796135312968],
        [55.768897,37.596282],
        [55.7667326083526,37.5876965693079],
        [55.7725999802313,37.6103753029646],
        [55.7681362348965,37.6141473067017],
        [55.7703847402839,37.6099801031788],
        [55.7756722786732,37.584800302669],
        [55.7738923022054,37.5862418699531],
        [55.7704762964168,37.5811738155039],
        [55.774103961101,37.5855444956095],
        [55.7668737743581,37.6008716594934],
        [55.7758166137683,37.5855979881768],
        [55.7671164157946,37.6078921615944],
        [55.7660270499724,37.5717825249725],
        [55.768324,37.593354],
        [55.7704120363764,37.5992472268658],
        [55.7677748015522,37.6141228301311],
        [55.7668512613641,37.6009664576721],
        [55.7738056724235,37.5860752711637],
        [55.767542,37.601361],
        [55.7717957563924,37.6050720112905],
        [55.771641,37.598088],
        [55.7658337025467,37.5913447734895]
    ];
    
    var MARKER_SPOT_OPTIONS = {
            zIndex: 700,
            //iconLayout: 'default#imageWithContent',
        
            iconContentLayout: 'tst#foo',
            iconContentSize: [26, 25],
            iconContentOffset: [5, 5],
        
            iconImageHref: 'http://hi-news.ru/wp-content/uploads/2013/11/0111.jpg',
            iconImageSize: [14, 14],
            iconImageOffset: [-7, -7],
            hideIconOnBalloonOpen: false,
            balloonZIndex: 800,
            balloonLayout: 'tst#bar',
            balloonOffset: [0, 0],
            balloonShadow: false
        }
    
    ymaps.ready(function () {        
        ymaps.layout.storage.add('tst#foo',
           ...