Google地图显示乱码

Question

我的地图无法正确渲染。

我还没有经历过这种情况（注意右边按钮上的图标是扭曲的）。用于生成地图的代码非常简单：

<script>
    function initMap() {
        var mapDiv = document.getElementById('map');
        var map = new google.maps.Map(mapDiv, {
            center: {lat: 43.828430, lng: 18.3445995},
            zoom: 18
        });

        new google.maps.Marker({
            position: {lat: 43.828430, lng: 18.3445995},
            map: map
        });
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA9zhNUfid1PgR6FZ-g8xTp_NCqV3JvsHM&callback=initMap" async defer></script>

有什么想法吗？

Answer 1

Idk为什么，但是当我尝试你的代码时，它工作但地图也是灰色的。当我指出api地图变得有效时

Answer 2

好的，问题是我的CSS规则很糟糕，干扰了谷歌的渲染。

作为参考，img。

的最大宽度为100％