码迷,mamicode.com
首页 > 编程语言 > 详细

将百度坐标转换的javascript api官方示例改写成传统的回调函数形式

时间:2017-06-06 11:58:12      阅读:368      评论:0      收藏:0      [点我收藏+]

标签:overlay   ==   blog   百度地图   rip   com   time   第一个   nal   

改写前:

百度地图中坐标转换的JavaScript API示例官方示例如下:

var points = [new BMap.Point(116.3786889372559,39.90762965106183),
              new BMap.Point(116.38632786853032,39.90795884517671),
              new BMap.Point(116.39534009082035,39.907432133833574),
              new BMap.Point(116.40624058825688,39.90789300648029),
              new BMap.Point(116.41413701159672,39.90795884517671)
];

//地图初始化
var bm = new BMap.Map("allmap");
bm.centerAndZoom(new BMap.Point(116.378688937,39.9076296510), 15);

//坐标转换完之后的回调函数
translateCallback = function (data){
  if(data.status === 0) {
    for (var i = 0; i < data.points.length; i++) {
        bm.addOverlay(new BMap.Marker(data.points[i]));
        bm.setCenter(data.points[i]);
    }
  }
}
setTimeout(function(){
    var convertor = new BMap.Convertor();
    convertor.translate(points, 1, 5, translateCallback)
}, 1000);

改写后:

将上述代码改写为传统的JavaScript回调函数形式:

function translate(points,callback){
  var convertor=new BMap.Convertor();
  convertor.translate(points, 1, 5, callback)
  translateCallback = function (data){
    if(data.status === 0) {
      var res=[]; //res用来存放转换后的points数组
      for (var i = 0; i < data.points.length; i++) {
          bm.addOverlay(new BMap.Marker(data.points[i]));
          res.push(data.points[i]);
      }
      callback(res)
    }
  }
}

//再调用translate函数,
translate(points,function(data){
    console.log(data); //data为转换后的points数组
})

改写后translate函数接受两个参数,第一个参数为原始的百度points数组,第二个参数传入一个回调函数。

将百度坐标转换的javascript api官方示例改写成传统的回调函数形式

标签:overlay   ==   blog   百度地图   rip   com   time   第一个   nal   

原文地址:http://www.cnblogs.com/dotafeiying/p/6950669.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!