JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//yandex.st/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>
	<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div id="map"></div>

CSS

body, html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #map {
            width: 100%;
            height: 100%;
        }

JavaScript

ymaps.ready(init);

function init () {
	//map
	var geoMap = new ymaps.Map('map', {
		center: [58.90, 56.30],
		zoom: 6,
		controls: ['typeSelector','fullscreenControl']
	});
    var objectManager = new ymaps.ObjectManager({
		clusterize: true,
	});
    //data
	geoMap.geoObjects.add(objectManager);
	$.ajax({
        url: "http://map.pmem.ru/data.json"
    		}).done(function(data) {
			objectManager.add(data);
      	});
};