目前很多运动类的App都有轨迹运动的需求;
今天我们就做这样一个事情,使用leaflet模拟动态轨迹运动;
第一步,新建项目,加载基本的底图;
第二步,使用turf.js随机生成一条路径;
var randomLine = this.getRandomLine();
console.log(randomLine)
打印出点为:
第三步,绘制轨迹;
最后效果如下:
添加了默认的marker,效果如下,当然也可以添加自定义的marker更加逼真;
目前很多运动类的App都有轨迹运动的需求;
今天我们就做这样一个事情,使用leaflet模拟动态轨迹运动;
第一步,新建项目,加载基本的底图;
第二步,使用turf.js随机生成一条路径;
var randomLine = this.getRandomLine();
console.log(randomLine)
打印出点为:
第三步,绘制轨迹;
最后效果如下:
添加了默认的marker,效果如下,当然也可以添加自定义的marker更加逼真;
本文暂时没有评论,来添加一个吧(●'◡'●)