百度地图在jsp页面加载大量轨迹导致地图卡顿

最新推荐文章于 2022-10-13 15:54:46 发布

weixin_30872671

最新推荐文章于 2022-10-13 15:54:46 发布

阅读量475

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/qiantao/p/11497454.html

版权

原画线方式：

//存储大量点轨迹json数组：historyPathList
for(var i=0;i<historyPathList.length-1;i++){   
       drawColorLine(i,color,4,historyPathList);
   }
//显示原始路线
function drawColorLine(i,color,weitht,list){
    var polyline = new BMap.Polyline([
        new BMap.Point(list[i].Lng,list[i].Lat),//起始点的经纬度
        new BMap.Point(list[i+1].Lng,list[i+1].Lat)//终点的经纬度
    ], {strokeColor:color,//设置颜色
        strokeWeight:weitht, //宽度
        strokeOpacity:1});//透明度
    map.addOverlay(polyline);
}

这样写会多加很多不必要的点，而且对API调用了过多次数，会影响性能。

改进：

 var polylinePointsArray = [];
   for(var i=0;i<historyPathList.length;i++){
       polylinePointsArray[i] = new BMap.Point(historyPathList[i].Lng,historyPathList[i].Lat);
   }
   var polyline = new BMap.Polyline(polylinePointsArray, {strokeColor:"green", strokeWeight:4, strokeOpacity:1})
   map.addOverlay(polyline);

转载于:https://www.cnblogs.com/qiantao/p/11497454.html