python实现轨迹回放_腾讯地图实现轨迹回放demo

前言

在地图接入使用中&＃xff0c;很多开发者咨询我们腾讯位置服务是否支持轨迹回放功能&＃xff0c;所以今天特意将我们Javascript API GL的轨迹回放&小车移动示例放到我们本篇文章分享。

轨迹回放&小车移动

在Javascript API GL中&＃xff0c;使用MultiMarker&＃xff08;点标记&＃xff09;中的moveAlong()方法 &＃xff0c;可以方便的实现轨迹回放功能&＃xff0c;而且您可以对样式进行各种想要的修改&＃xff0c;比如修改小车图片、不显示路线或者改成您想要的颜色等。

代码

//初始化地图

var map &＃61; new TMap.Map("container", {

zoom: 15,

center: new TMap.LatLng(39.984104, 116.307503)

});

//小车移动路线

var path &＃61; [

new TMap.LatLng(39.98481500648338, 116.30571126937866),

new TMap.LatLng(39.982266575222155, 116.30596876144409),

new TMap.LatLng(39.982348784165886, 116.3111400604248),

new TMap.LatLng(39.978813710266024, 116.3111400604248),

new TMap.LatLng(39.978813710266024, 116.31699800491333)

];

//创建mareker&＃xff08;小车&＃xff09;

var marker &＃61; new TMap.MultiMarker({

map,

styles: { //样式设置

&＃39;car-down&＃39;: new TMap.MarkerStyle({

&＃39;width&＃39;: 40, //小车图片宽度&＃xff08;像素&＃xff09;

&＃39;height&＃39;: 40, //高度

&＃39;anchor&＃39;: { //图片中心的像素位置&＃xff08;小车会保持车头朝前&＃xff0c;会以中心位置进行转向&＃xff09;

x: 20,y: 20,

},

&＃39;faceTo&＃39;: &＃39;map&＃39;, //取’map’让小车贴于地面&＃xff0c;faceTo取值说明请见下文图示

&＃39;rotate&＃39;: 180, //初始小车朝向&＃xff08;正北0度&＃xff0c;顺时针一周为360度&＃xff0c;180为正南&＃xff09;

&＃39;src&＃39;: &＃39;./img/car.png&＃39;, //小车图片&＃xff08;图中小车车头向上&＃xff0c;即正北0度&＃xff09;

})

},

geometries: [{ //小车marker的位置信息

id: &＃39;car&＃39;, //因MultiMarker支持包含多个点标记&＃xff0c;因此要给小车一个id

styleId: &＃39;car-down&＃39;, //绑定样式

position: new TMap.LatLng(39.98481500648338, 116.30571126937866),//初始坐标位置

}]

});

//调用moveAlong&＃xff0c;实现小车移动

marker.moveAlong({

"car": { //设置让"car"沿"path"移动&＃xff0c;速度70公里/小时

path,

speed: 70

}

}, {

autoRotation:true //车头始终向前&＃xff08;沿路线自动旋转&＃xff09;

}

)

关于MultiMarker的faceTo说明&＃xff1a;

JavascriptAPI GL为可倾斜旋转的3D地图&＃xff0c;这就带来了图片是贴在地面&＃xff0c;还是贴向屏幕的问题&＃xff1a;

faceTo: “map” 贴在地面&＃xff0c;轨迹回放场景&＃xff0c;车是要贴地的&＃xff08;左图&＃xff09;

faceTo:“screen” 贴在屏幕&＃xff0c;小车场景就不合适了&＃xff0c;它会始终“立着”&＃xff08;中图&＃xff09;&＃xff0c;"sreen"适合于标注位置使用&＃xff08;右图&＃xff09;

视角跟随小车移动&＃xff08;近期推出&＃xff0c;敬请期待&＃xff09;

小车延路线运动的同时&＃xff0c;控制视角跟随小车运动&＃xff0c;可以达到类似模拟导航、第三人称游戏视角的感觉&＃xff0c;非常炫酷。