function DIVline(array,fn)
{
var pts;
var index = 1 ;
var arr2 = [];
var driving = new BMap.WalkingRoute(map);
var promise = new Promise(function(resolve,reject){
resolve();
})
for(var i = 0 ;i<array.length-1;i++) {
(function(_i,_ary){
promise = promise.then(function(value){
driving.search(array[_i], _ary[_i+1]);
var content = _ary[_i+1].content;
var _promise =null;
(function(_val,_content){
_promise = new Promise(function(resolve,reject) {
driving.setSearchCompleteCallback(function(){
var _pts = driving.getResults().getPlan(0).getRoute(0).getPath();
var arr1 = [];
for(var t = 0; t < _pts.length ; t++ ){
arr1[t] = _pts[t];
arr1[t].content = _content;
}
if(_val && _val.length > 0) {
resolve(_val.concat(arr1));
}else {
resolve(arr1);
}
});
});
})(value,content)
return _promise;
});
})(i,array);
}
promise.then(function(pts){//最后执行
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
for(var t = 0; t < pts.length ; t++ ){
onsole.info(pts[t].content);
}
if(pts != undefined){
if(fn && typeof fn == 'function'){
fn(pts);
}
}
});
}
{
var pts;
var index = 1 ;
var arr2 = [];
var driving = new BMap.WalkingRoute(map);
var promise = new Promise(function(resolve,reject){
resolve();
})
for(var i = 0 ;i<array.length-1;i++) {
(function(_i,_ary){
promise = promise.then(function(value){
driving.search(array[_i], _ary[_i+1]);
var content = _ary[_i+1].content;
var _promise =null;
(function(_val,_content){
_promise = new Promise(function(resolve,reject) {
driving.setSearchCompleteCallback(function(){
var _pts = driving.getResults().getPlan(0).getRoute(0).getPath();
var arr1 = [];
for(var t = 0; t < _pts.length ; t++ ){
arr1[t] = _pts[t];
arr1[t].content = _content;
}
if(_val && _val.length > 0) {
resolve(_val.concat(arr1));
}else {
resolve(arr1);
}
});
});
})(value,content)
return _promise;
});
})(i,array);
}
promise.then(function(pts){//最后执行
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
for(var t = 0; t < pts.length ; t++ ){
onsole.info(pts[t].content);
}
if(pts != undefined){
if(fn && typeof fn == 'function'){
fn(pts);
}
}
});
}
该博客详细介绍了如何使用Promise将异步操作转换为同步。通过一个名为DIVline的函数,结合BMap.WalkingRoute地图API,演示了如何利用Promise的链式调用来顺序执行多个异步任务。每个任务中,行走路线搜索完成后,将路径点与内容合并,并传递给下一个Promise。最后,所有路径点被用于创建一条折线并显示在地图上,同时提供了回调函数fn来处理完成后的路径点数据。
495

被折叠的 条评论
为什么被折叠?



