采用百度地图|js实现行车轨迹、覆盖类等。

效果图: 

采用百度地图|js实现行车轨迹、覆盖类等。_第1张图片

 

一、引进js

    
   
   

二、构建地图

三、组装数据

var PointArr =JSON.parse('${track!}');

数组对象[{BLng,BLat},{BLng,BLat},{BLng,BLat}]

var points = [];//行驶轨迹点数组
var pointStart = new BMap.Point(PointArr[0].BLng, PointArr[0].BLat); //起点
var pointEnd=new BMap.Point(PointArr[PointArr.length-1].BLng, PointArr[PointArr.length-1].BLat);  //终点
for(var i=0;i var pointTemp = new BMap.Point(PointArr[i].BLng, PointArr[i].BLat);
points.push(pointTemp);
}  

四、画线

具体看代码



  
	
    行车轨迹
	
	
    
    
    
  

  

行车轨迹

五、采用百度地图提供的控件在地图上构建功能按钮

ZoomControl

 

你可能感兴趣的:(采用百度地图|js实现行车轨迹、覆盖类等。)