js高德地图绘制路线并轨迹纠偏

引入下面三个js文件<script src="http://webapi.amap.com/maps?v=1.4.6&key=你所申请的key值"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<script anguage="javascript" src="https://webapi.amap.com/maps?key=你所申请的key值"&v=1.4.7&plugin=AMap.GraspRoad"></script>js：//地图操作var marker, map = new AMap.Map("container", {resizeEnable: true,
});//起终点坐标
var statrLon="";
var statrLat="";
var endLon="";
var endLat="";//需要绘制的点坐标数组var pathParam=[];$.ajax({url: JM.apiSite + "/admin/networkCar/getOrderRunTrack.json",crossDomain: true,async: true,type: "post",data: {"access_token": accessToken,"orderId": result.id},success: function(json) {$(".gdMap").show();console.log(json);var e=json.info;for(var i=0;i<e.length;i++){var arrObj={};//保存开始和结束时经纬度if(i==0){statrLat=e[i].lat;statrLon=e[i].lon;arrObj.tm=1478031031;}else if(i==e.length-1){endLat=e[i].lat;endLon=e[i].lon;arrObj.tm=i;}else{arrObj.tm=i;}arrObj.x=e[i].lon;arrObj.y=e[i].lat;arrObj.sp=10;arrObj.ag=30;pathParam.push(arrObj);}//官方方法var path1 = [];for(var i=0;i<pathParam.length;i+=1){path1.push([pathParam[i].x,pathParam[i].y])}new AMap.GraspRoad().driving(pathParam,function(error,result){if(!error){var path2 = [];var newPath = result.data.points;for(var i =0;i<newPath.length;i+=1){path2.push([newPath[i].x,newPath[i].y])}var newLine = new AMap.Polyline({path:path2,strokeWeight:8,strokeOpacity:0.7,strokeColor:'green'})map.add(newLine)map.setFitView()}})//添加多个点标记var marker1 = new AMap.Marker({position: new AMap.LngLat(endLon, endLat),icon: "http://webapi.amap.com/theme/v1.3/markers/n/end.png",});var marker2 = new AMap.Marker({position: new AMap.LngLat(statrLon, statrLat),icon: "http://webapi.amap.com/theme/v1.3/markers/n/start.png",});var markerList = [marker1, marker2];map.add(markerList);}});

js高德地图绘制路线并轨迹纠偏相关推荐

高德地图实现路线规划+轨迹回放（显示车牌）
联系作者Q/V:783021975 Tips: 1.高德好的方法非同步执行.一定要注意执行顺序或等待执行完成再进行具体的操作 2.高德地图不支持label旋转哦~ 3.百度是支持的.可以参考百度地图 ...
高德地图-绘制去程和回程路线
1.问题背景设置去程和回程的路线图,并用不同的颜色设置路线 2.实现源码 <!doctype html> <html> <head><meta charse ...
Android 高德地图中路线规划绘制界面线路
Android 高德地图中路线规划绘制界面线路下面代码是根据很多的经纬度的点,绘制出直线的线路.比较死板 /*** 绘制景区的路线*/private void setRouteInfo(List&l ...
解决高德地图锁屏黑屏定位不更新，高德地图绘制定位轨迹，高德定位判断定位停留点，高德地图将所有坐标绘制在可视区域内
本文章主要介绍高德定位锁屏黑屏定位不更新的问题. 实现流程是:程序开始阶段正常执行定位,注册监听锁屏监听,唤醒cpu监听,当锁屏广播每2秒发起一起单次定位唤醒.源码如下: package net. ...
使用高德地图API实现历史轨迹查询
欢迎大家关注我的公众号,有问题可以及时和我交流. 使用高德地图API完成历史轨迹查询创作背景相关技术设计思路实现难点编码实现实现效果创作背景因为对历史轨迹查询比较好奇,所以使用 ...
使用高德地图绘制矩形网格，显示行政区域。
高德地图绘制矩形网格认证开发者账号替换成自己的key 效果展示代码地址:https://gitee.com/aimazhe/LocationMap.git 注册高德开发者账号:https://l ...
H5数据可视化(高德地图绘制行政区)
1.高德地图可视化项目搭建参考我的上篇文章完成基本搭建:H5数据可视化(高德地图构建项目) 2.使用高德行政区查询该部分主要参照官方教程即可,其中使用行政区划查询服务前要先引入该插件,具体的引入方 ...
vue使用高德地图导航路线失败，获取驾车数据失败：INVALID_USER_SCODE(解决方法)
高德地图使用路线导航最近做大屏项目,里面有地图定位,路线导航等方面的功能,在做路线定位是一直都是获取不到导航的路线,经过好长时间的百度看高德api文档终于找到解决方法. 解决方法添加高德地图安全密 ...
AMap JS 高德地图，修改渲染图层层级
AMap高德地图,修改渲染图层层级问题官网方法手动方法更改层级演示最后问题前端使用 AMap JS 高德地图时,覆盖物绘制线条(AMap.Polyline),会覆盖住下方的路段名称,路段 ...

js高德地图绘制路线并轨迹纠偏

js高德地图绘制路线并轨迹纠偏相关推荐

最新文章

热门文章