JSFiddle - React, Tailwind, and code Playground

by Mariya Gnitetckaya

HTML

<script src='https://api-maps.yandex.ru/2.1/?lang=ru_RU'></script>
<div id="map"></div>

CSS

#map{
    width: 100%;
    height: 300px;
}

JavaScript

ymaps.ready(function(){
    var map = new ymaps.Map("map", {
            center: [51.67255515, 61.91894531],
            zoom: 3
        });

    var place = new ymaps.Placemark(
        [56.1327021, 47.2508053], {
            hintContent: 'Чебоксары',
        },
        {
            iconImageHref: 'http://s1.iconbird.com/ico/2013/6/271/w513h5131371296393twitter.png',
            iconImageSize: [25, 38],
            iconLayout: 'default#image',
        }
    );
    map.geoObjects.add(place);
    
    place.events.add('click', function (e) {
       e.get('target').options.set({iconImageHref: 'http://s1.iconbird.com/ico/2013/12/505/w450h4001385925290Clock.png'});
        
        });


    
   });