![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
轨迹展示
管理员--0728
这个作者很懒,什么都没留下…
展开
-
多选框checkbox控制高德地图轨迹展示
效果图点击表格某一行获取checkbox列表,通过选中多选框来展示选中的轨迹先准备json数据,要包含name、轨迹线的颜色、check选中的数字(也就是id)核心代码drawLine() { let that = this; //获取选中的多选框id console.log(that.checkList); let lineColor = null; //绘制轨迹前先清除上一次的轨迹 if (this.pathSi原创 2021-03-22 18:10:55 · 340 阅读 · 6 评论 -
高德地图轨迹巡航,带进度条
全部代码,复制后可直接使用(先下载elementUI,然后引入高德地图)<template> <div class="dashboard"> <div id="map" :style="'height:'+mapHeight+'px'"></div> <div class="operation"> <el-card class="box-card"> <di.原创 2021-02-02 18:36:17 · 2218 阅读 · 7 评论 -
高德3d轨迹展示
3d视图不支持轨迹展示!!!但是我还是试了一下,添加俯视角度之后轨迹展示不出来,将下面代码直接复制到高德的示例里面点击开始巡航可以直接看效果传送门<!-- 重点参数:renderOptions --><!doctype html><html lang="zh-CN"><head> <!-- 原始地址://webapi.amap.com/ui/1.1/ui/misc/PathSimplifier/examples/naviga原创 2020-12-25 11:30:40 · 1079 阅读 · 2 评论