google地图api无显示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

在 javascript 中调用之前，请确保正确包含 google maps JS。
有google地图但看不到，请添加高度和宽度：

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

google地图api无显示laravel 5.4

google map api no display laravel 5.4

php

laravel

geolocation

laravel-5.4