最近在进行基于百度地图的开发,发现数据库取出来的数据需要经过百度地图的 Bmap.convertor.translate 方法进行转换才能在地图上正确显示坐标,然而由于点的标签是通过数据库取出来循环遍历添加上去的,而 translate 的回调函数是异步执行的,于是不能按正确的循环顺序给点添加标签。不知道怎么传 stnm (标签名)到回调函数里面去,有 JS 的高手吗,求助! 代码如下:
$.ajax({
type : "POST",
dataType : "json",
url : "getStation.action",
success : function(data) {
datalist = data['stations'];
for (var i = 0; i < datalist.length; i++) {
var point = new BMap.Point(datalist[i]['lgtd'],datalist[i]['lttd']);
console.log(datalist[i]['lgtd'],datalist[i]['lttd']);
var stnm=datalist[i]['stnm'];
var convertor = new BMap.Convertor();
var pointArr = [];
pointArr.push(point);
convertor.translate(pointArr, 1, 5, function(data,stnm){
console.log(data);
if(data.status === 0) {
var marker = new BMap.Marker(data.points[0]);
var label = new BMap.Label(stnm, {
offset : new BMap.Size(20, -10)
});
marker.setLabel(label);
marker.addEventListener("click", attribute);
map.addOverlay(marker);
}
});
}
}
});
1
pubby 2016-04-02 16:22:23 +08:00 via Android
坐标系转换,网上找找转换代码吧,转好了再显示
|
2
zhikangzhou OP @pubby 我这个就是转换过程啊,只是转换了之后不知道怎么按循环顺序添加标签,因为转换过程是异步的。
|
3
pubby 2016-04-02 17:06:49 +08:00 via Android
所以不用它的,自己找算法转
|
4
incrediblink 2016-04-03 12:15:10 +08:00
(`・ω・´)你等回调的过程中 stnm 都变成了最后一只点的 stnm 啦。这个时候我们就要用 let 给参数绑定到不同的作用域,不管风吹雨打 stnm 都是你这个作用域里面的 stnm 啦!
前面加一只 "use strict";, 然后把所有 stnm 存到数组 heiheihei[i] 里面,所有在回调里用到的变量( i , stnm )都用 let 来定义,最后一次回调再一起添加标签就好啦(吧 “如果不能用 ES6 那就用匿名函数手动创建作用域吧” (@iskyzh) ( ´•̥̥̥ω•̥̥̥` )终于有个会的,好激动 |
5
zhikangzhou OP @incrediblink http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=110219&page=1#pid224075 百度地图论坛的用了个简单的方法解决了我的问题 不过还是谢谢
|