JSFiddle - React, Tailwind, and code Playground
by Ugeen Vityuk
HTML
<script src="http://api-maps.yandex.ru/2.1.15/?load=package.full&lang=ru-RU&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',
...