JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://api-maps.yandex.ru/2.1/?lang=ru-RU"></script>
<div id="map"></div>
CSS
#map {
width: 400px;
height: 400px;
}
JavaScript
var myMap, route, ch =1;
var markers = [];
var point = [];
var coords = new Array();
ymaps.ready(init);
function init () {
myMap = new ymaps.Map('map', {
center: [53.906077,27.554914],
zoom: 14
});
myMap.controls.add('zoomControl')
markers[0] = [];
coords[0] = 53.940907;
coords[1] = 27.673123;
var placemark = new ymaps.Placemark([53.906079, 27.554911], {balloonContent: '<img src="http://img-fotki.yandex.ru/get/6114/82599242.2d6/0_88b97_ec425cf5_M" />',iconContent: "!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!"}, { preset: "twirl#yellowStretchyIcon", balloonCloseButton: false, hideIconOnBalloonOpen: false});
myMap.geoObjects.add(placemark);
markers[0].push(placemark);
coords[0] = 53.940907;
coords[1] = 27.673123;
myPlacemark = new ymaps.Placemark([coords[0].toPrecision(6),coords[1].toPrecision(6)], {iconContent: "Название", balloonContent: "Описание"}, {preset: 'twirl#blueStretchyIcon'});
markers[0].push(myPlacemark);
coords[0] = 53.963638;
coords[1] = 27.615694;
myPlacemark = new ymaps.Placemark([coords[0].toPrecision(6),coords[1].toPrecision(6)]);
markers[0].push(myPlacemark);
markers[1] = [];
coords[0] = 53.931954;
coords[1] = 27.547404;
myPlacemark = new ymaps.Placemark([coords[0].toPrecision(6),coords[1].toPrecision(6)], {iconContent: 11}, {preset: 'twirl#blueStretchyIcon'});
markers[1].push(myPlacemark);
coords[0] = 53.909864;
coords[1] = 27.495221;
myPlacemark = new ymaps.Placemark([coords[0].toPrecision(6),coords[1].toPrecision(6)], {iconContent: 22}, {preset: 'twirl#blueStretchyIcon'});
...