JSFiddle - React, Tailwind, and code Playground

by MABPMABP1

HTML

<script src="http://yastatic.net/jquery/2.1.3/jquery.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;coordorder=latlong"></script>

<div id="map" class="map">
</div>

CSS

.map{
    width: 100%;
    height: 200px;
}

JavaScript

var yMap, remoteObjectManager,
    defaultStartLatitude = "55.76",
    defaultStartLongitude = "37.64",
    defaultStartZoom = 5;
$(function(){
    ymaps.ready(init);
})

function init(){
    yMap = new ymaps.Map("map", {
                type: 'yandex#map',
                center: [defaultStartLatitude, defaultStartLongitude],
                zoom: defaultStartZoom,
                controls: ['geolocationControl', 'fullscreenControl', 'zoomControl', 'rulerControl']
            }, {
                displayingObjectIds: []
            });
    remoteObjectManager = new ymaps.LoadingObjectManager([
        'testservice.com/getInfo', 
                '?bounds=%b',
                '&tiles=%t',
                '&xCoord=%x',
                '&yCoord=%y',
                '&zoom=%z'
            ].join(''),
            {
                paddingTemplate: 'remoteObjectManagerCallback'
            });
        yMap.geoObjects.add(remoteObjectManager);
}
function remoteObjectManagerCallback(data) {
        console.log(data);
}