map.js

var elmap = document.getElementById("map");
var yaMap, myPlacemark;

if (elmap) {
    var defaults = document.querySelector('.marker');
    var resetButton = document.querySelector('.reset');
    var eladdress = document.querySelector('.map__adress');
    ymaps.ready(init);
}

function init(){
    yaMap = new ymaps.Map("map", {
        center: [Number(defaults.dataset.lng),Number(defaults.dataset.lat)],
        zoom: 12,
        controls: ['geolocationControl', 'trafficControl', 'typeSelector', 'fullscreenControl', 'zoomControl', 'routeButtonControl']
    });

    function places( place ) {
        for ( var i = 0; i < place.length; i++ ) {

            var lng = Number(place[i].dataset.lng);
            var lat = Number(place[i].dataset.lat);
            var name = place[i].dataset.name;
            var adress = place[i].dataset.adress;
            var ico = place[i].dataset.ico;

            if (ico == '') {
                var icon = {
                    preset: 'islands#redIcon'
                }
            } else {
                var icon = {
                    iconLayout: 'default#image',
                    iconImageHref: ico,
                    iconImageSize: [100, 100],
                    // Смещение левого верхнего угла иконки относительно
                    // её "ножки" (точки привязки).
                    iconImageOffset: [-50, -95]
                }
            }

            var myPlacemark = new ymaps.Placemark(
                [lng, lat],
                {
                    iconCaption: name,
                    iconContent: '',
                    balloonContentHeader: name,
                    balloonContentBody: adress
                }, icon
            );
            yaMap.geoObjects.add(myPlacemark);

            var mapAddress = document.querySelectorAll('.js-address');

            mapAddress.forEach(function(el) {
                el.addEventListener("click", function (e) {
                    lng = Number(e.currentTarget.dataset.lng);
                    lat = Number(e.currentTarget.dataset.lat);
                    name = e.currentTarget.dataset.name;
                    adress = e.currentTarget.dataset.adress;
                    mapAddress.forEach(el => {
                      el.classList.remove('active');
                    });
                    e.currentTarget.classList.add('active');
                    eladdress.classList.add('active');
                    yaMap.setCenter(myPlacemark.geometry.getCoordinates());
                    yaMap.balloon.close();
                    myPlacemark = new ymaps.Placemark(
                        [lng, lat],
                        {
                          iconCaption: name,
                          iconContent: '',
                          balloonContentHeader: name,
                          balloonContentBody: adress
                        }, icon
                    );
                    yaMap.geoObjects.add(myPlacemark);
                });
            });
        }
    }

    var markers = document.querySelectorAll(".marker");

    places(markers);
    yaMap.behaviors.disable('scrollZoom');

    /*Центрируем карту по маркерам*/
    centerMap();
}

function centerMap () {
    yaMap.setBounds(
        yaMap.geoObjects.getBounds(), {
            checkZoomRange:true
        })
        .then(
            function(){
                if(yaMap.getZoom() > 16) {
                yaMap.setZoom(16)
            }
        }
    );
}

function reset() {
    centerMap();
    var mapAddress = document.querySelectorAll('.js-address');
    mapAddress.forEach(el => {
        el.classList.remove('active');
    });
    eladdress.classList.remove('active');
}

if (resetButton) {
    resetButton.addEventListener("click", () => {
        reset();
    });
}