V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
zhikangzhou
V2EX  ›  JavaScript

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

  •  
  •   zhikangzhou · 2016-04-02 15:36:45 +08:00 · 2931 次点击
    这是一个创建于 3161 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在进行基于百度地图的开发,发现数据库取出来的数据需要经过百度地图的 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);
    			        }
    				});
    			}
    		}
    });
    
    5 条回复    2016-04-03 16:27:02 +08:00
    pubby
        1
    pubby  
       2016-04-02 16:22:23 +08:00 via Android
    坐标系转换,网上找找转换代码吧,转好了再显示
    zhikangzhou
        2
    zhikangzhou  
    OP
       2016-04-02 16:30:42 +08:00
    @pubby 我这个就是转换过程啊,只是转换了之后不知道怎么按循环顺序添加标签,因为转换过程是异步的。
    pubby
        3
    pubby  
       2016-04-02 17:06:49 +08:00 via Android
    所以不用它的,自己找算法转
    incrediblink
        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)

    ( ´•̥̥̥ω•̥̥̥` )终于有个会的,好激动
    zhikangzhou
        5
    zhikangzhou  
    OP
       2016-04-03 16:27:02 +08:00
    @incrediblink http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread&tid=110219&page=1#pid224075 百度地图论坛的用了个简单的方法解决了我的问题 不过还是谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1138 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 18:48 · PVG 02:48 · LAX 10:48 · JFK 13:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.