cesium实现车辆行驶在路线上

首先我们拿到经纬度点，然后做了一下处理。

//生成路线
let arr_a = wengjinxian[0].data.split(";").map(item => {return bd(...item.split(","));});let wjx = arr_a.join(",").split(",").map(item => {// console.log(item);return Number(item);});path(wjx, "wjx", 0);

然后我们根据经纬度点，把点位链接起来，

 //画线方法function path(res, res1, res2) {viewer.entities.add({id: res1 + res2,polyline: {// fromDegrees返回给定的经度和纬度值数组（以度为单位），该数组由cartesian3位置组成。positions: Cesium.Cartesian3.fromDegreesArray(res), //宽度width: 3, //线的样式 PolylineOutlineMaterialProperty:实线  PolylineDashMaterialProperty:虚线material: new Cesium.PolylineOutlineMaterialProperty({color: Cesium.Color.RED, //线条颜色width: 10, // outlineColor:Cesium.Color.GREEN, //实线的轮廓颜色outlineWidth: 0 //实线的轮廓宽度 // dashlength:5 //虚线的短划线长度})}});}

这时我们我把路线传入汽车移动的方法中，即可实现

runCar(){var line = viewer.entities.getById("wjx0");this.moveOnRoute(line, "car1");
} //汽车移动=========================moveOnRoute(lineEntity, carId) {// console.log(lineEntity, "-----------");if (!lineEntity) return;var positions = lineEntity.polyline.positions.getValue();if (!positions) return;var allDis = 0;for (var index = 0; index < positions.length - 1; index++) {var dis = Cesium.Cartesian3.distance(positions[index],positions[index + 1]);allDis += dis;}var playTime = 10; //控制速度var v = allDis / playTime;// 起始时间var startTime = viewer.clock.currentTime;// 结束时间var endTime = Cesium.JulianDate.addSeconds(startTime,playTime,new Cesium.JulianDate());var property = new Cesium.SampledPositionProperty();var t = 0;for (var i = 1; i < positions.length; i++) {if (i == 1) {property.addSample(startTime, positions[0]);}var dis = Cesium.Cartesian3.distance(positions[i], positions[i - 1]);var time = dis / v + t;var julianDate = Cesium.JulianDate.addSeconds(startTime,time,new Cesium.JulianDate());property.addSample(julianDate, positions[i]);t += dis / v;}viewer.entities.add({// id: carId,position: property,orientation: new Cesium.VelocityOrientationProperty(property),model: {uri:// "../../../Cesium/Apps/SampleData/models/CesiumMilkTruck/CesiumMilkTruck.glb","../../../Cesium/Apps/SampleData/models/CesiumMan/Cesium_Man.glb",scale: 8,// 最小刻度minimumPixelSize: 50//heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,}});// 设置时钟当前时间viewer.clock.currentTime = startTime;// 时间速率，数字越大时间过的越快viewer.clock.multiplier = 1;viewer.clock.shouldAnimate = true;// 设置始终停止时间viewer.clock.stopTime = endTime;},

cesium实现车辆行驶在路线上相关推荐

python汽车行驶工况_什么叫车辆行驶工况
展开全部车辆行驶工况,即汽车运行工况,是指汽车运输行驶过程中32313133353236313431303231363533e78988e69d8331333431376563的工作状况.按汽车的运 ...
360度全景标定方法_一种车辆行驶360度全景行车标定板的制作方法
本实用新型涉及一种车辆行驶360度全景行车标定板,其属于汽车维修的技术领域,是一种安全环保型机动车维修设备. 背景技术: 汽车360度全景影像环视系统,安装在汽车前后左右的4个180度广角摄像头所提供 ...
除了不雅察旁边车道的车辆行驶状况
关键词:微型车众泰电动车超车由几个驾驶动作复合而成,不单需要并线技巧,还需要油门和挡位的合理匹配.很多人并不克不及完全把握超车技巧,在超车时存在误区和技术缺陷.1:超车的根基动作:超车的动作归结起来 ...
数字图像处理实验课设：车辆行驶偏离车道线预警
一.实验内容和要求车道偏离预警系统,其英文全称为Lane Departure Warning System,因此很多车型上都将车道偏离预警系统简称为LDW系统.其主要功能是通过车辆上的传感器.控制器 ...
滤镜应用——制作车辆行驶效果
滤镜应用--制作车辆行驶效果原图: 效果图: 步骤: 1.先用"钢笔工具"抠出车的轮廓,选择"路径面板",按"Ctrl+回车",将路径转为 ...
汽车运行工况matlab代码,多个标准车辆行驶工况数据
多个标准车辆行驶工况数据 matlab 2020-11-30 下载地址 https://www.codedown123.com/52359.html 多个标准车辆行驶工况数据,可用于车辆仿真过程资源 ...
vue2+百度离线地图实现多车辆行驶动态轨迹
vue2+百度离线地图实现行驶多车辆动态轨迹实现多多车辆实时轨迹监控,每个10秒监测一次接口,进行动态追加.(前端实现,如果数量庞大的车辆移动,很消耗性能) 百度离线地图引入方法查看: vue项目实 ...
查车的行驶轨迹_怎么查车辆行驶轨迹？
展开全部查看车子的行驶轨迹记录的首要条件是安装一个GPS定位仪,通过终端机接32313133353236313431303231363533e78988e69d8331333431343664收信号 ...
调用高德地图展示车辆行驶轨迹
如何在页面中使用高德地图并分页展示多段历史轨迹引入高德地图的JavaScript API 打开index.html(key-后面的内容是你自己在高德上申请的key) 引入高德组件配置webpac ...

cesium实现车辆行驶在路线上

cesium实现车辆行驶在路线上相关推荐

最新文章

热门文章