高德地图纠偏 php,驾车轨迹纠偏-轨迹纠偏-示例中心-JS API 示例 | 高德地图API

#container,html,body{

height: 100%;

}

.color{

width:5rem;

height:0.6rem;

display:inline-block;

margin:0 1rem;

}

.info{

min-width:10rem;

}

驾车轨迹纠偏

纠偏前:

纠偏后:

var map = new AMap.Map('container', {

resizeEnable: true

});

var graspRoad;

var pathParam = [

{"x":116.478928,"y":39.997761,"sp":19,"ag":0, "tm":1478031031},

{"x":116.478907,"y":39.998422,"sp":10,"ag":0, "tm":2},

{"x":116.479384,"y":39.998546,"sp":10,"ag":110,"tm":3},

{"x":116.481053,"y":39.998204,"sp":10,"ag":120,"tm":4},

{"x":116.481793,"y":39.997868,"sp":10,"ag":120,"tm":5},

{"x":116.482898,"y":39.998217,"sp":10,"ag":30, "tm":6},

{"x":116.483789,"y":39.999063,"sp":10,"ag":30, "tm":7},

{"x":116.484674,"y":39.999844,"sp":10,"ag":30, "tm":8}]

var path1 = [];

for(var i=0;i

path1.push([pathParam[i].x,pathParam[i].y])

}

var oldLine = new AMap.Polyline({

path:path1,

strokeWeight:8,

strokeOpacity:1,

strokeColor:'red'

})

map.add(oldLine)

if(!graspRoad) {

graspRoad = new AMap.GraspRoad()

}

graspRoad.driving(pathParam,function(error,result){

if(!error){

var path2 = [];

var newPath = result.data.points;

for(var i =0;i

path2.push([newPath[i].x,newPath[i].y])

}

var newLine = new AMap.Polyline({

path:path2,

strokeWeight:8,

strokeOpacity:0.8,

strokeColor:'#0091ea',

showDir:true

})

map.add(newLine)

map.setFitView()

}

})