JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://api-maps.yandex.ru/2.1/?lang=ru-RU"></script>
<div id="map"/>
CSS
#map {
width: 640px;
height: 480px;
}
.map-icon__content {
font: bold 18px arial;
}
JavaScript
ymaps.ready().done(function (ym) {
var myMap = new ym.Map('map', {
center: [55.743994, 37.622093],
zoom: 9
});
var myPlacemark = new ym.Placemark(myMap.getCenter(), {
iconContent: 130
}, {
iconLayout: ym.templateLayoutFactory.createClass('<span class="map-icon__content">{{properties.iconContent}}</span>')
});
myMap.geoObjects.add(myPlacemark);
});