На сайте на диапазоне ниже 992px нужно изменить центр google карты.
Пробовал внутрь функции карты написать уловия if($(window).innerWidth() < 993), но тогда при первом открытии index.html карта совсем не загружается, и в консоли показывает ошибку на строке, где находится условия, а если обновить страницу, то тогда все становится на место, карта появляется, центр ее меняется на диапазоне ниже 992px и ошибки нет.
В чем может быть проблема, как правильно решить вопрос смены центра карты. Саму карту подключал через внешний файл google-maps.js
Код, который в google-maps.js
function initMap() {
var centerLatLng = {lat: 46.485831, lng: 30.662000};
if($(window).innerWidth() < 993) {
var centerLatLng = {lat: 46.484050, lng: 30.659420};
};
var element = document.getElementById('google-map');
var options = {
zoom: 17,
center: centerLatLng,
scrollwheel: false,
};
var myMap = new google.maps.Map(element, options);
var marker = new google.maps.Marker({
position: {lat: 46.485550, lng: 30.659420},
map: myMap,
icon: 'images/base/google-marker.png'
});
marker.addListener('click', function () {
InfoWindow.open(myMap, marker);
});
};
$(window).innerWidth()
например наwindow.innerWidth