腾讯位置服务实现轨迹回放

腾讯位置服务

于 2020-10-16 12:06:34 发布

阅读量7.1k

点赞数 6

分类专栏：腾讯位置服务

本文链接：https://blog.csdn.net/weixin_45628602/article/details/109103634

版权

本文介绍了如何利用腾讯位置服务的JavaScript API GL实现轨迹回放功能，通过MultiMarker的moveAlong()方法使小车沿着轨迹移动，并提供了在线示例链接。同时，文章提及了MultiMarker的faceTo说明，解释了在3D地图中图片贴图的不同场景应用。未来还将推出视角跟随小车移动的功能。

摘要由CSDN通过智能技术生成

前言

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

轨迹回放&小车移动

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

代码

//初始化地图
var map = new TMap.Map("container", {
  zoom: 15,
  center: new TMap.LatLng(39.984104, 116.307503)
});
 
//小车移动路线
var path = [
  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.