2012-09-14 65 views
-1

的問題是,我不能使用下面的代碼加載谷歌地圖。地圖畫布是空白和Chrome拋出谷歌地圖不加載

Uncaught TypeError: undefined is not a function

下面的代碼:

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), 

任何人有任何想法,爲什麼發生這種情況,如何解決呢?

回答

0

你拼寫錯誤的功能:

Latlng而不是LatLng(第二個 'L' 大寫!)

+0

哇,沒有注意到它。我會在下次發佈之前更仔細地查看我的代碼!謝謝! –