代码之家  ›  专栏  ›  技术社区  ›  Kuwiuwuw Kurwiow

谷歌地图未加载

  •  -1
  • Kuwiuwuw Kurwiow  · 技术社区  · 13 年前

    问题是,我无法使用以下代码加载谷歌地图。地图画布是空白的,Chrome正在抛出

    未捕获的类型错误:未定义不是函数

    以下是代码:

    var MYAPP = MYAPP || {};    
    MYAPP.Map = function() {
            var _map = null;
            return{
                init: function() {
                    _map = document.getElementById('map_canvas');
    
                    var src = 'http://maps.googleapis.com/maps/api/js?sensor=false&' + 
                    'callback=MYAPP.Map.googleMapsCallback';
    
                    $.getScript(src);
                },
                googleMapsCallback: function() {
                    var options = {
                        zoom: 15,
                        center: new google.maps.Latlng(13.353988,33.815918),
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    var gMap = new google.maps.Map(_map, options);
                    this.displayMarkers();
                },
                displayMarkers: function() {
                    //markers code
                }
            };
        }();
    

    我正在使用异步加载gMaps $.getScript 带有指定的回调函数“googleMapsCallback”)。回调函数正在启动,但映射无法加载。脚本在这一行中断:

    new google.maps.Latlng(13.353988,33.815918),
    

    有人知道为什么会发生这种情况以及如何解决吗?

    1 回复  |  直到 13 年前
        1
  •  0
  •   JotaBe    13 年前

    您的函数拼写错误:

    Latlng 而不是 LatLng (第二个大写'L'!)