Question

我的网站基本上有一个谷歌地图，here你可以看到它仍然无法正常工作。（当它开始工作时，此链接将不再相关。

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

Answer 1

您明确禁用CSS文件{19}中第1937行的map div上的指针事件

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

删除pointer-events: none行，您的地图就可以使用。

谷歌地图显示，但已禁用

1 个答案: