用angular + requryJs调用腾讯地图无法显示?
define(['angular', 'text!moudle3_map/tpl.html'], function (angular, tpl) {
//angular会自动根据controller函数的参数名,导入相应的服务
return {
controller: function ($scope, $routeParams, $http, $interval) {
function init() {
console.log("mapLOad7");
//设置地图中心点
var myLatlng = new qq.maps.LatLng(39.916527,116.397128);
//定义工厂模式函数
var myOptions = {
zoom: 8, //设置地图缩放级别
center: myLatlng, //设置中心点样式
mapTypeId: qq.maps.MapTypeId.ROADMAP //设置地图样式详情参见MapType
}
//获取dom元素添加地图信息
var map = new qq.maps.Map(document.getElementById("container"), myOptions);
console.log("mapLOad6");
}
//异步加载地图库函数文件
function loadScript() {
console.log("mapLOad");
//创建script标签
var script = document.createElement("script");
console.log("mapLOad2");
//设置标签的type属性
script.type = "text/javascript";
console.log("mapLOad3");
//设置标签的链接地址
script.src = "http://map.qq.com/api/js?v=2.exp&callback=init";
//添加标签到dom
console.log("mapLOad4");
document.body.appendChild(script);
console.log("mapLOad5");
}
loadScript(); // dom文档加载结束开始加载 此段代码
console.log("map");
},
tpl: tpl
};
});
这是代码,我调试的时候发现回调函数没有生效,不知道是不是这个原因。