google map api no display laravel 5.4

Posted 2021-04-18

为什么我的谷歌地图没有显示任何内容？我尝试了其他技术，但它仍然不会出现？

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>

答案

1. 在javascript中调用之前，请确保正确包含谷歌地图JS。
2. 谷歌地图在那里，但它不可见，请添加高度和宽度： qazxsw poi