用angular + requryJs调用腾讯地图无法显示?

sa867710313 2015-10-15 11:19:18
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
};


});

这是代码,我调试的时候发现回调函数没有生效,不知道是不是这个原因。
...全文
417 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧