JSFiddle - React, Tailwind, and code Playground

by zhukovroman

HTML

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

CSS

#map {
    height: 580px;
    width: 498px;
}

JavaScript

ymaps.ready(init);
var myMap, points, pointsCollection;

function init(){     
    myMap = new ymaps.Map("map", {
        center: [55.76, 37.64],
        zoom: 7
    });
    
    pointsCollection = new ymaps.GeoObjectCollection(null, {
        iconLayout: 'default#image',
        iconImageHref: '//www.enter.ru/images/deliv-icon/pickpoint.png',
        iconImageSize: [24,34]
    });
    
    $.each(points, function(i,point) {
        pointsCollection.add(new ymaps.Placemark([point.Latitude, point.Longitude]))
    });
    
    myMap.geoObjects.add(pointsCollection);
    
    console.log(points.length);
}

points = [{"Address":"Красных Зорь ул., д. 16, оф. 11","Card":0,"Cash":1,"CitiId":455,"CitiName":"Иваново","CitiOwnerId":0,"CountryName":"Россия","Fitting":false,"House":"д. 16, оф. 11","Id":11792465,"InDescription":"Войти в здание через 1 подъезд, первая дверь налево","IndoorPlace":"1 эт.","Latitude":57.002099,"LocationType":1,"Longitude":40.950886,"MaxSize":"36х36х60","MaxWeight":"15 кг","Metro":"","Name":"ПВЗ: BoxBerry: Иваново","Number":"3702-001","Opening":false,"OutDescription":"Пункт выдачи заказов находится в отделении BoxBerry. Транспортом: автобус № 52, 100, маршрутное такси № 100 до ост. Мархлевского/ул. Красных Зорь.\r\nПерекресток ул. Красных Зорь и ул. Ленинградской (кольцо Рабочего поселка, конечная остановка маршрутного такси № 100). Светло-желтое здание с колоннами за школой № 25","OwnerId":923,"PostCode":"153003","Region":"Ивановская обл.","Returning":false,"Status":2,"Street":"Красных Зорь ул.","TypeTitle":"ПВЗ","WorkHourly":false,"WorkTime":"09:00-19:00,09:00-19:00,09:00-19:00,09:00-19:00,09:00-19:00,10:00-15:00,NODAY"},{"Address":"8 Марта ул.,  д. 32","Card":1,"Cash":1,"CitiId":455,"CitiName":"Иваново","CitiOwnerId":0,"CountryName":"Россия","Fitting":false,"House":"д. 32","Id":120196990,"InDescription":"Войти в торговый центр через любой вход, поднтяться на 2ой уровень. Постамат расположен со стороны Атриума, рядом со входом в магазин Modis, 4...