API Google Map не будет отображаться

Question

Я не могу получить карты Google в моем представлении

Код

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


// css
html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #map {
        height: 100%;
    }

// scripts

<script async defer 
                    src="https://maps.googleapis.com/maps/api/js?key=PLACED MY CODE HERE... &callback=initMap"></script>
<script>
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: -34.397, lng: 150.644},
            zoom: 8
        });
    }
</script>

РЕЗУЛЬТАТ

Ничего не отображается в моем представлении и нет ошибок в консоли или вкладке сети.

Есть идеи?

Answer 1

попробуйте использовать допустимую ширину, например: (только для теста)

// css
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    height: 640px;
    width:800px;
}