document.addEventListener('DOMContentLoaded', function () {
    if (coords.length > 0) {
        ymaps.ready(function () {
            var myMap = new ymaps.Map("map", {
                center: [64.542984, 40.537155],
                zoom: 12
            });


            var myGeoObjects = [];
            for (var i = 0; i<coords.length; i++) {
                myGeoObjects[i] = new ymaps.GeoObject({
                    geometry: {
                        type: "Point",
                        coordinates: coords[i].coords
                    },

                    properties: {
                        hintContent: coords[i].hint,
                        balloonContentHeader: coords[i].contentHeader,
                    }


                }, {
                    // Опции.
                    // Иконка метки будет растягиваться под размер ее содержимого.
                    preset: coords[i].type,
                    // Метку можно перемещать.
                    draggable: true
                });

            }


            var myClusterer = new ymaps.Clusterer();
            myClusterer.add(myGeoObjects);
            myMap.geoObjects.add(myClusterer);
        });
    }
});