谷歌地图 API 不显示地图

Question

我正在做一个项目，我需要使用谷歌地图API，我看了一些教程，阅读了文档，并看过一次代码。再一次，我看不出有什么错误。

代码

<div id="map" style="height:500px;width:500px;"></div>
            <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
             <script type="text/javascript">
             var map;
                function ini()
                {
                    var mapOptions =
                    {
                        center: new google.maps.LatLng(37.7831, -122.4039),
                        zoom: 12,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                    map= new google.maps.Map(document.getElementById("map"), mapOptions);
                }
    </script>

如果有人知道如何修理它，我将感谢你的帮助。

Answer 1

您定义了函数ini，但没有调用它。解决方案可能是这样的。

var map;
ini();
function ini()
{
    var mapOptions =
        {
           center: new google.maps.LatLng(37.7831, -122.4039),
           zoom: 12,
           mapTypeId: google.maps.MapTypeId.ROADMAP
        }
    map= new google.maps.Map(document.getElementById("map"), mapOptions);
}

编辑

按照谷歌的例子，正确的方法是设置回调函数

<script src="https://maps.googleapis.com/maps/api/js?callback=ini"
    async defer></script>

应该工作得很好。如果您有任何进一步的问题，请检查此链接