$(document).ready(function(){
let coordinates = [
        [ 55.621120, 37.745894, 'Ship'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Ship*/
        [ 55.623054, 37.705296, 'Oreh'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Oreh*/
        [ 55.726735, 37.747923, 'Stahan'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Stahan*/
        [ 55.605079, 37.721539, 'Domod'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Domod*/
        [ 55.653061, 37.763539, 'Brat'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Brat*/
        [ 55.541874, 37.722733, 'Vidnoye'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Vidnoye*/
        [ 55.676545, 37.633802, 'Nagat'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Nagat*/
        [ 55.726487, 37.747693, 'Nizhegorodskaya'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Nizhegorodskaya Perovo*/
        [ 55.660531, 37.730895, 'Mar'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Mar*/
        [ 55.532594, 37.717052, 'Sapronovo'  , '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Sapronovo*/
        [ 55.647433, 37.386310, 'Solntsevo' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Solntsevo*/
        [ 55.642138, 37.601421, 'Chertanovskaya' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Chertanovskaya*/
        [ 55.553900, 37.553990, 'Skobelevskaya' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Skobelevskaya*/
        [ 54.991149, 82.968570, 'Novosib' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Novosib*/
        [ 59.910402, 30.518133, 'Kudrovo' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Kudrovo*/
        [ 55.555969, 37.809973, 'Misailovo' ,  '' , 'https://static.tildacdn.com/tild6432-3466-4133-a163-383538333433/44605057_1.png' ], /*Misailovo*/
       
    ];
    
let classNames = [
    'Solntsevo',
    'Brat',
    'Ship',
    'Domod',
    'Mar',
    'Oreh',
    'Stahan',
    'Nagat',
    'Chertanovskaya',
    'Skobelevskaya',
    'Novosib',
    'Kudrovo',
    'Sapronovo',
    'Prokshino',
    'Kolomenskaya',
    'Misailovo',
    ];


ymaps.ready(function () {
    let myMap = new ymaps.Map('map', {
            center: [ coordinates[0][0] , coordinates[0][1]  ], //Координаты центра при запуске карты
            zoom: 10  //Увеличение карты при запуске
        }, {searchControlProvider: 'yandex#search' }),
        MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
            '<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>'
        );
    
    for (i = 0; i < coordinates.length; i++) {
        myMap.geoObjects
            .add(new ymaps.Placemark([ coordinates[i][0] , coordinates[i][1]  ], {
                hintContent: coordinates[i][3], // специально 3 вместо 2, чтоб не было подсказок
                balloonContent: coordinates[i][3],
            }, {
            iconLayout: 'default#imageWithContent',
            iconImageHref: coordinates[i][4],
            iconImageSize: [25, 32], // Размеры метки.
            iconImageOffset: [-16, -33], // Смещение левого верхнего угла иконки относительно
            iconContentOffset: [0, 0], // Смещение слоя с содержимым относительно слоя с картинкой
            iconContentLayout: MyIconContentLayout
        }));
        
        let className = coordinates[i][2];
        let latHere = coordinates[i][0];
        let lonHere = coordinates[i][1];
        
        $(`.${className}`).click(()=>{
            
            console.log('click');
            classNames.forEach((elt, index)=>{
                
                if(className === elt){
                    myMap.setCenter([latHere, lonHere]);
                    myMap.setZoom( 16 );
                }
            });
            
        });
    }; 

});
});