Как изменять Js при смене разрешения экрана?

Question

[NewUser4242]

У меня есть карта.

<script>
            function initMap() {
                var coordinates = {lat: 1, lng: 1}
                var centers = {lat: 1, lng: 1},

                    map = new google.maps.Map(document.getElementById('map'), {
                        center: coordinates,
                        zoom: 18,
                        disableDefaultUI: true
                    });

                marker = new google.maps.Marker({
                    
                    position: centers,
                    map: map,
                    animation: google.maps.Animation.DROP,
                   
                });
               

            }
        </script>

Нужно изменить параметры center на 2 2 при разрешении экрана меньше 991. Как это на JS сделать?

Comments

[Kovalsky]

А что конкретно нужно вам помочь сделать? При одной ширине экрана устанавливаете одни координаты, при другом - другие.

[NewUser4242]

Kovalsky, Как сделать что бы координаты при разрешении меньше 991 были 2 2?

Answer 1

[Bully Hopkins]

window.addEventListener("resize", (event) => {
    // Ваш код
})

Больше можно узнать здесь - https://developer.mozilla.org/ru/docs/Web/API/Wind... :)

Comments

[NewUser4242]

Но нужно только после 991px менять

[Bully Hopkins]

window.addEventListener("resize", () => {
     let documentWidth = document.width

     if(documentWidth > 991) {
         // Ваш код
     }
})

[WapSter]

NewUser4242, установи условие.