javascript - 谷歌地图错误 : a is null

Question

我有一个要使用谷歌地图的程序。问题是我收到一条错误消息，指出 a 为空，其中 a 是 google map api 中使用的 var。以下是我如何称呼我的谷歌地图:

//Creates a new center location for the google map
    var latlng = new google.maps.LatLng(centerLatitude, centerLongitude);

    //The options for the google map
    var myOptions = {
        zoom: 7,
        maxZoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    //Creates the new map
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

这是我的 HTML 标签的样子:

<div id = "map_canvas"></div>

我通过 url 获取页面加载时的纬度和经度。这些值已正确传递，因此我知道这不是问题所在。我认为这与 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 不正确有关。有什么建议吗？

编辑:这是错误信息:

a is null fromLatLngToPoint(a=null) yg(a=null, b=Object { zoom=7, maxZoom=12, more...}) d(d=Document Default.aspx?lat=30.346317&lng=105.46313, f=[function()]) d(a=undefined) d() [Break On This Error] function Qf(a){a=a.f[9];return a!=i?a:...);function sg(a){a[ic]&&a[ic]Vb}

Answer 1

确保指定包含 map 的元素的大小。例如:

<div id="map_canvas" style="width: 500px; height: 500px;"></div>

还要确保您的 map 变量是在全局范围内定义的，并且一旦加载了 DOM，您就可以初始化 map 。