问题是,我无法使用以下代码加载谷歌地图。地图画布是空白的,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),
有人知道为什么会发生这种情况以及如何解决吗?