关于百度地图convertor.translate的异步转换问题(大神进来啊)

mnz119 2016-08-19 03:43:19
我的javascript里面有这么一段代码,功能是从后台数据库里面取出一定数量的GPS原始轨迹数据(已经放在pointArr这个数组当中),然后调用百度地图的API函数 convertor.translate对其按照下标递增顺序逐条转换成百度地图的坐标,然后将坐标点加载到百度地图中显示,最后进行轨迹回放
按照采集的实际GPS数据,pointArr第一个数据是对应地图的最右边点,最后一个数据对应地图的最左边点,是一个从右边到左边的顺序。那么标号序号应该也是从最右边开始往左,按照1,2,3….的顺序和红点图标对应起来的。可是通过两次加载数据,得出的结果是:pointArr的数据都完成了转换,但是序号和点的对应关系乱七八糟,每次加载都不一样(看图)
我怀疑就是convertor.translate调用的回调函数translateCallback是异步的执行的,什么时候执行,什么时候返还,完全不受限与主程序中的javascript,我该怎么处理让它按顺序的执行,或者怎么将回调函数translateCallback设置成同步模式
贴上代码如下(看图),哪位大神谁知道,分数大大有赏!谢谢
...全文
4586 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
KB931125 2017-12-19
  • 打赏
  • 举报
回复
还有楼主你的那些标号(count)是在哪定义的,为什么我的的标注点内容都是最后一个点的内容呢
KB931125 2017-12-19
  • 打赏
  • 举报
回复
遇到同样的问题,楼上的能给个具体代码吗?

我要把转换后的经纬度赋值到原的的json中,但BMap.Convertor.translate是异步执行,转换出的顺序是乱的,而己还获取不了转换原的经纬度数组的下标
明明有length,但console出来却是0
jessezappy 2017-11-06
  • 打赏
  • 举报
回复
引用 2 楼 mnz119 的回复:
谢谢楼上兄弟的回复,其实可以采用定时器的方式实现: 将以下代码: var convertor = new BMap.Convertor(); var pointArr_convert= []; pointArr_convert.push(pointArr[num]); //===========================百度地图转换后的坐标处理的回调函数 translateCallback = function (data){ //注意translateCallback这个函数一定要放在pointArr_convert的前面,否则出现问题 if(data.status === 0) { XXXXXXXXXXXX; } //=========================================== //if(num<pointArr.length) convertor.translate(pointArr_convert, 1, 5, translateCallback); pointArr_convert.length=0; num++; 放在定时器里面实现就可以了
我也遇到了你这种问题,而且我的还需要解析其他json数据出来添加到标签上,不止经纬度。 但是你这里说的不明不白的,经过仔细实验与考虑,最后我是将定时函数放在回调函数里面,执行延时可以设为1毫秒,完美解决你的问题。
he36527 2017-05-24
  • 打赏
  • 举报
回复
你好 你最后的回复我看着有点乱,可以重新贴一次代码吗?
mnz119 2016-08-23
  • 打赏
  • 举报
回复
谢谢楼上兄弟的回复,其实可以采用定时器的方式实现: 将以下代码: var convertor = new BMap.Convertor(); var pointArr_convert= []; pointArr_convert.push(pointArr[num]); //===========================百度地图转换后的坐标处理的回调函数 translateCallback = function (data){ //注意translateCallback这个函数一定要放在pointArr_convert的前面,否则出现问题 if(data.status === 0) { XXXXXXXXXXXX; } //=========================================== //if(num<pointArr.length) convertor.translate(pointArr_convert, 1, 5, translateCallback); pointArr_convert.length=0; num++; 放在定时器里面实现就可以了
ddgx 2016-08-22
  • 打赏
  • 举报
回复 5
百度的转换接口是异步调用,所以结果中的顺序可能会乱。 给你个本地的转换算法,批量转换自己封装下。
/**
 * 坐标系转换函数
 * WGS->GCJ
 * WGS->BD09
 * GCJ->BD09
 */
function Convertor(ak) {
    this.stepCount = 100;
    this.pointCount = [];
    this.Result = [];
    this.NoisIndex = [];
    this.Time = new Date();
    this.AK = ak;
    this.M_PI = 3.14159265358979324;
    this.A = 6378245.0;
    this.EE = 0.00669342162296594323;
    this.X_PI = this.M_PI * 3000.0 / 180.0;
}
Convertor.prototype.outofChine = function(p) {
    if (p.lng < 72.004 || p.lng > 137.8347) {
        return true;
    }
    if (p.lat < 0.8293 || p.lat > 55.8271) {
        return true;
    }
    return false;
}
;
Convertor.prototype.WGS2GCJ_lat = function(x, y) {
    var ret1 = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
    ret1 += (20.0 * Math.sin(6.0 * x * this.M_PI) + 20.0 * Math.sin(2.0 * x * this.M_PI)) * 2.0 / 3.0;
    ret1 += (20.0 * Math.sin(y * this.M_PI) + 40.0 * Math.sin(y / 3.0 * this.M_PI)) * 2.0 / 3.0;
    ret1 += (160.0 * Math.sin(y / 12.0 * this.M_PI) + 320 * Math.sin(y * this.M_PI / 30.0)) * 2.0 / 3.0;
    return ret1;
}
;
Convertor.prototype.WGS2GCJ_lng = function(x, y) {
    var ret2 = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
    ret2 += (20.0 * Math.sin(6.0 * x * this.M_PI) + 20.0 * Math.sin(2.0 * x * this.M_PI)) * 2.0 / 3.0;
    ret2 += (20.0 * Math.sin(x * this.M_PI) + 40.0 * Math.sin(x / 3.0 * this.M_PI)) * 2.0 / 3.0;
    ret2 += (150.0 * Math.sin(x / 12.0 * this.M_PI) + 300.0 * Math.sin(x / 30.0 * this.M_PI)) * 2.0 / 3.0;
    return ret2;
}
;
Convertor.prototype.WGS2GCJ = function(poi) {
    if (this.outofChine(poi)) {
        return;
    }
    var poi2 = {};
    var dLat = this.WGS2GCJ_lat(poi.lng - 105.0, poi.lat - 35.0);
    var dLon = this.WGS2GCJ_lng(poi.lng - 105.0, poi.lat - 35.0);
    var radLat = poi.lat / 180.0 * this.M_PI;
    var magic = Math.sin(radLat);
    magic = 1 - this.EE * magic * magic;
    var sqrtMagic = Math.sqrt(magic);
    dLat = (dLat * 180.0) / ((this.A * (1 - this.EE)) / (magic * sqrtMagic) * this.M_PI);
    dLon = (dLon * 180.0) / (this.A / sqrtMagic * Math.cos(radLat) * this.M_PI);
    poi2.lat = poi.lat + dLat;
    poi2.lng = poi.lng + dLon;
    return poi2;
}
;
Convertor.prototype.GCJ2BD09 = function(poi) {
    var poi2 = {};
    var x = poi.lng
      , y = poi.lat;
    var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.X_PI);
    var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.X_PI);
    poi2.lng = z * Math.cos(theta) + 0.0065;
    poi2.lat = z * Math.sin(theta) + 0.006;
    return poi2;
}
;
/**
* WGS->百度坐标系
*/
Convertor.prototype.WGS2BD09 = function(poi) {
    //WGS->GCJ
    var poi2 = this.WGS2GCJ(poi);
    if (typeof poi2 === "undefined") {
        return;
    }
    //GCJ->百度坐标系
    return this.GCJ2BD09(poi2);
}



//TEST
var c=new Convertor();
var r1=c.WGS2BD09({lng:123,lat:38});
console.log(r1);

87,997

社区成员

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

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