JSFiddle - React, Tailwind, and code Playground
HTML
<div id="map" style="width: 600px; height: 400px"></div>
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
JavaScript
function init () {
var myMap = new ymaps.Map("map", {
center: [55.76, 37.64],
zoom: 10
}),
myPlacemark = new ymaps.Placemark([55.76, 37.64], {
balloonContent: 'Bingo!'
}, {
iconImageHref: 'http://api.yandex.ru/maps/doc/jsapi/2.x/examples/images/myIcon.gif',
iconImageSize: [15, 21],
iconImageOffset: [-3, -42],
overlayFactory: ymaps.geoObject.overlayFactory.interactiveGraphics
});
myMap.geoObjects.add(myPlacemark);
}
ymaps.ready(init);