google map api no display laravel 5.4

Question

Почему моя карта Google ничего не отображает?Я пробовал другие методы, но все же он не будет отображаться?

ключ API уже был применен.

var map = new google.maps.Map(document.getElementById('map-canvas'),{
            center:{
                lat:10.2969,
                lng:123.8887
            },
            zoom:15
        });

Это HTML-файл

<div class="col-md-6">
    <div class="form-group">
        <label class="control-label">Address:</label>      
        <input type="text" name="address" id="searchmap" autocomplete="off">
    </div>
    <div class="form-group">
        <label class="control-label">lat:</label>      
        <input type="text" name="lat" id="lat" autocomplete="off">
    </div>
    <div class="form-group">
        <label class="control-label">lng:</label>      
        <input type="text" name="lng" id="lng" autocomplete="off">
    </div>
    <div class="form-group">
        <div id="map-canvas">
        </div>
    </div>

</div>

Answer 1

1. Пожалуйста, убедитесь, что JS карты Google включен правильно, прежде чем вызывать его в javascript.

2. Карта Google есть, но ее не видно, пожалуйста, добавьте высоту и ширину:

   <div id="map-canvas" style="width:300%;height:300px;"></div>