JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <script src="http://api-maps.yandex.ru/2.0.7/?ns=ym&load=package.full&lang=ru-RU"></script>
    </head>
<body>
    <div id="map" style="height: 800px; width: 1000px;"></div>
</body>
</html>

JavaScript

ym.ready(init);

function init(){
    
    var projection=new ym.projection.Cartesian([[0,0],[100,100]]);
        
    var fn=function(){
        return new ym.Layer(
            function(tile,zoom){
                if(tile[0]==0 && tile[1]==0) return 'http://higgs.rghost.ru/38350092/thumb.png';
                else return '';
            },{
                tileTransparent:false,
                tileSize:[512,512],
                projection:projection
            }
        );
    };
    var new_map=new ym.MapType('map',[fn]);
    ym.mapType.storage.add('my#1',new_map);

    map=new ym.Map('map',{
        center: [50,50],
        zoom: 0,
        type: 'my#1',
        behaviors:['drag']
    },{
        maxZoom:0,
        minZoom:0,
        projection:projection
    }); 
    
    var pm = new ym.Placemark([50,50], {
        hintContent: ''
    },{
        draggable:true
    });
    
    pm.events.add('drag',function(e){
        console.log(this.geometry.getCoordinates());
    },pm);
    
    map.geoObjects.add(pm);
}