首页 > 其他 > 详细

Mapbox轨迹回放

时间:2019-06-09 15:37:27      阅读:460      评论:0      收藏:0      [点我收藏+]

????轨迹回放是webgis中的常见功能,是一种被客户喜闻乐见的GIS动画。

????动画是一种短时间内不停重绘达到不断运动的效果。本文中轨迹回放就是事先计算好所需要的点,后面再进行播放。

????整体的思路也不复杂,设定总共有一千个点插入,计算出来每个点间隔的步长,我们只要往大于步长的每条线段中插入需要点就好,小于等于步长的线段则取用它的尾部节点。
只有两点的线段进行增密就很简单了,求出线段长度除以步长的倍数,用倍数进行循环,使用turf.along计算出每次要插入的点,当线段不能整除步长时,需要将线段的最后一点插入增密线段中。(下图中小箭头就是增密的点)

技术分享图片

技术分享图片
????效果图如下,在线地址:https://github.com/tpolong/route
技术分享图片
ps:写个小例子踩中turf.js中两个坑还是有点厉害,不说了,我去买彩票了

ps2:可以使用turf.linechunk或者turf.lineSliceAlong进行增密,当然turf.linechunk这个函数还是有坑的,慎用

Mapbox轨迹回放

原文:https://www.cnblogs.com/polong/p/10993459.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!