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);
}

修改

按照google的示例，正确的方法是设置回调功能

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

应该正常工作。如果您还有其他问题，请查看link

Google Maps API不会显示地图

1 个答案: