Карта Google показывает, но отключена

Question

У меня в основном есть карта Google на моем сайте, здесь вы можете увидеть ее, пока она все еще не работает. (Когда она начнет работать, эта ссылка больше не будет актуальна.

Вот мой js :

function initMap() {
    let uluru = {lat: 42.734718, lng: 23.293138};
    let map = new google.maps.Map(document.getElementById('map'), {
        zoom: 16,
        center: uluru
    });
    let marker = new google.maps.Marker({
        position: uluru,
        map: map
    });
}

А html :

<div id="map"></div>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBwhMwCcXQf_P_5zApM-yeg02XkWbUEAHQ&callback=initMap"></script>

Я не могу открыть карту в полноэкранном режиме, а также не могу увеличивать и уменьшать масштаб. Я действительно ничего не могу сделать, кроме как посмотреть на это. Также нет ошибок в консоли. Я проверил, есть ли что-то с более высоким z-индексом, чем карта, но не показалось ничего подозрительного. Вы можете просмотреть страницу ( здесь ), и я был бы рад, если бы вы могли как-то мне помочь.

Answer 1

Вы явно отключаете события указателя на элементе map в строке 1937 в своем файле CSS http://rentauto -sofia.com / css / style.css

#map {
    width: 100%;
    height: 550px;
    border: none;
    display: block;
    pointer-events: none;
}

Удалите строку pointer-events: none, и ваша карта будет работать.