时间戳

首页 > 解决方案 > 谷歌地图显示，但禁用

html - 谷歌地图显示，但禁用

问题描述

我基本上在我的网站上有一个谷歌地图，这里你可以看到它，但它仍然不起作用。（当它开始工作时，此链接将不再相关。

这是我的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-index 更高的东西，但似乎没有任何可疑之处。您可以自由查看页面（此处），如果您能以某种方式帮助我，我会很高兴。

标签： htmlgoogle-maps-api-3

解决方案

您在 CSS 文件http://rentauto-sofia.com/css/style.cssmap的第 1937 行明确禁用 div 上的指针事件

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

删除该pointer-events: none线，您的地图将起作用。

推荐阅读