根据经纬度播放行车轨迹

经纬度经过处理，仅供轨迹展示。

<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>行车轨迹播放</title><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/><style>html, body, #container {height: 100%;width: 100%;}.input-card .btn{margin-right: 1.2rem;width: 9rem;}.input-card .btn:last-child{margin-right: 0;}</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的key"></script>
<script>var i = 0;var arr = [[125.28994737413196, 43.82706456163194], [125.28994737413196, 43.82700021701389], [125.28996343315973, 43.825981011284725], [125.28997949218748, 43.82555989583334], [125.29000629340278, 43.82431260850694], [125.29000368923612, 43.8242080078125], [125.29004654947917, 43.822295572916666], [125.29012977430554, 43.82205154079861], [125.29012977430554, 43.82205154079861], [125.290234375, 43.8222392578125], [125.29016731770832, 43.82443337673611], [125.29037651909724, 43.824446723090276], [125.29094509548611, 43.8236474609375], [125.21724066840277, 43.876457465277774], [125.21724066840277, 43.876457465277774], [125.21375651041667, 43.87683029513889], [125.21356336805556, 43.876690863715275], [125.21363042534722, 43.876666666666665], [125.21793001302083, 43.87622146267361], [125.21914507378472, 43.87609266493055], [125.21923893229166, 43.876081922743055], [125.21983441840277, 43.87602560763889], [125.22296994357639, 43.87571983506945], [125.28988563368054, 43.82903602430555], [125.28989366319445, 43.82865776909722], [125.28990169270833, 43.8283466796875], [125.28992588975696, 43.82776736111111], [125.28994737413196, 43.82706456163194], [125.28994737413196, 43.82700021701389], [125.28996343315973, 43.825981011284725], [125.28997949218748, 43.82555989583334], [125.29000629340278, 43.82431260850694], [125.29000368923612, 43.8242080078125], [125.29004654947917, 43.822295572916666], [125.29012977430554, 43.82205154079861], [125.29012977430554, 43.82205154079861], [125.290234375, 43.8222392578125], [125.29016731770832, 43.82443337673611], [125.29037651909724, 43.824446723090276], [125.29094509548611, 43.8236474609375], [125.21724066840277, 43.876457465277774], [125.21724066840277, 43.876457465277774]];var marker, lineArr = [arr[0]];console.log(lineArr);var map = new AMap.Map("container", {resizeEnable: true,center: arr[0],zoom: 17});marker = new AMap.Marker({map: map,// position: [116.478935,39.997761],position: arr[0],icon: "https://webapi.amap.com/images/car.png",offset: new AMap.Pixel(-26, -13),autoRotation: true,angle:-90,});// 绘制轨迹var polyline = new AMap.Polyline({map: map,path: lineArr,showDir:true,strokeColor: "#28F",  //线颜色// strokeOpacity: 1,     //线透明度strokeWeight: 6,      //线宽// strokeStyle: "solid"  //线样式});var passedPolyline = new AMap.Polyline({map: map,// path: lineArr,strokeColor: "#AF5",  //线颜色// strokeOpacity: 1,     //线透明度strokeWeight: 6,      //线宽// strokeStyle: "solid"  //线样式});marker.on('moving', function (e) {passedPolyline.setPath(e.passedPath);});map.setFitView();var interval = setInterval("getPoint()",1000);function getPoint(){if(i> arr.length-2)return;var line = [];line.push(arr[i]);i ++;line.push(arr[i]);console.log(line);// lineArr.push(arr[i]);// 绘制轨迹var polyline = new AMap.Polyline({map: map,path: line,showDir:true,strokeColor: "#28F",  //线颜色// strokeOpacity: 1,     //线透明度strokeWeight: 6,      //线宽// strokeStyle: "solid"  //线样式});// var interval = setInterval("getPoint()",5000);marker.moveAlong(line,200);// setInterval(getPoint(),5000);}function startAnimation () {marker.moveAlong(lineArr, 200);}function pauseAnimation () {marker.pauseMove();}function resumeAnimation () {marker.resumeMove();}function stopAnimation () {marker.stopMove();}
</script>
</body>
</html>

根据经纬度播放行车轨迹相关推荐

采用百度地图|js实现行车轨迹、覆盖类等。
效果图: 一.引进js <script type="text/javascript" src="${cxt!}/static/wxweb/oil/js/jquery ...
android gps 轨迹记录仪,GPS行车轨迹不能代替行车记录仪使用
现在很多导航或者汽车都带有GPS行车轨迹这个功能,首先笔者要向大家介绍一下什么是GPS行车轨迹. GPS作为一种能够接受全球定位新号的设备,能够很直观的看到行车的地方并且为自己引导,而GPS轨迹是在可 ...
高德地图模拟行车轨迹效果
下载地址模拟行车轨迹效果,采用高德地图实现的.基本思路:1. 初始化地图2. 获取随机路线的坐标数组Points,转Marker对象数组3. 创建地图折线实例4. 使用定时函数,控制车辆模拟行车轨迹的 ...
全国长途运输客车的行车轨迹gps数据及对应气象数据
数据内容:全国长途运输客车的行车轨迹gps数据及对应气象数据数据量:450辆车,共计2.2gb 数据简介:数据为某运输企业所辖各车辆均存在常规运输路线与驾驶人员.在驾驶员每次运输过程中,车辆均可自动 ...
百度地图上根据经纬度集合绘制行车轨迹
以下是素材: 最近项目中用到了根据一段线路的经纬度集合来在地图上播放该车辆的行驶轨迹的需求.下面我就讲一下我实现步骤: 效果图如下(因为制作gif图为了控制大小去掉了很多帧,不必在意这些细节,嘿嘿!! ...
百度地图行车轨迹调整速度后小车鬼畜跑动的问题解决
问题情景描述: 在运用百度地图的基础上,获取后台传输过来的所有点.在地图上绘制小车轨迹后,点击播放,小车可以正常按照轨迹行驶,但是如果调速之后,小车在行驶中就会间歇性出现抖动,来回跑的画面. 知道鬼畜 ...
过滤所有用户的行车轨迹查找在某一区域内的用户
2019独角兽企业重金招聘Python工程师标准>>> // 判断经纬度是否在此区域内public void selectDevice2() throws IOException{S ...
利用高德地图API批量获取地点经纬度和行车线路与OD距离（excel和python）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.excel调取API方法 1.申请一个key 2.excel调用API 二.python方法计算地址列表中两两之 ...
基于经纬度的拜访轨迹问题
一问题描述设有 n 家客户,n<=31,每个客户有如下属性(客户名称.客户类型.经度.纬度.每月拜访次数). 每个客户 times 天拜访 1 次. 每个客户每天最多拜访 8 次. 每月天数 ...

根据经纬度播放行车轨迹

根据经纬度播放行车轨迹相关推荐

最新文章

热门文章