百度地图坐标转换时添加标签的问题

2016-04-02 15:36:45 +08:00
 zhikangzhou

最近在进行基于百度地图的开发,发现数据库取出来的数据需要经过百度地图的 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);
			        }
				});
			}
		}
});
2956 次点击
所在节点    JavaScript
5 条回复
pubby
2016-04-02 16:22:23 +08:00
坐标系转换,网上找找转换代码吧,转好了再显示
zhikangzhou
2016-04-02 16:30:42 +08:00
@pubby 我这个就是转换过程啊,只是转换了之后不知道怎么按循环顺序添加标签,因为转换过程是异步的。
pubby
2016-04-02 17:06:49 +08:00
所以不用它的,自己找算法转
incrediblink
2016-04-03 12:15:10 +08:00
(`・ω・´)你等回调的过程中 stnm 都变成了最后一只点的 stnm 啦。这个时候我们就要用 let 给参数绑定到不同的作用域,不管风吹雨打 stnm 都是你这个作用域里面的 stnm 啦!
前面加一只 "use strict";, 然后把所有 stnm 存到数组 heiheihei[i] 里面,所有在回调里用到的变量( i , stnm )都用 let 来定义,最后一次回调再一起添加标签就好啦(吧
“如果不能用 ES6 那就用匿名函数手动创建作用域吧” (@iskyzh)

( ´•̥̥̥ω•̥̥̥` )终于有个会的,好激动
zhikangzhou
2016-04-03 16:27:02 +08:00
@incrediblink http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=110219&page=1#pid224075 百度地图论坛的用了个简单的方法解决了我的问题 不过还是谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/268120

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX