高德地图Amap绘制路线首尾相连问题

项目过程中发现Amap绘制路线时除了应绘制的路线之外起点和终点直接连起了一条线，发现是因为路线数据重复的原因：

先放一组正常的数据路线

const tempPath = [{longitude: 104.094528, latitude: 30.676258},{longitude: 104.093887, latitude: 30.675455},{longitude: 104.091000, latitude: 30.683452},]

绘制出的路线：

把这组数据复制一份：

const tempPath = [{longitude: 104.094528, latitude: 30.676258},{longitude: 104.093887, latitude: 30.675455},{longitude: 104.091000, latitude: 30.683452},{longitude: 104.094528, latitude: 30.676258},{longitude: 104.093887, latitude: 30.675455},{longitude: 104.091000, latitude: 30.683452},]

现在绘制的路线首尾相连了：

只要对路线数据进行去重就可以了

高德地图Amap绘制路线首尾相连问题相关推荐

高德地图的绘制路线、批量标记点和点的信息展示
一.设置初始值,绘制矢量图形二.绘制路径三.批量标记点四.路线设置五.打开信息窗体
十分钟玩转 vue3+高德地图AMap+geojson批量绘制Polygon地块数据展示【二、创建地图】
十分钟玩转 vue3+高德地图AMap+geojson批量绘制Polygon地块数据展示[二.创建地图] 在template标签内创建下列DOM 1.在template标签内,创建container的 ...
vue使用高德地图并且绘制多边形
使用鼠标工具在高德地图上绘制多边形时需要使用到一个插件,如果直接new出该工具会提示该工具不是一个函数之类的错误,在使用之前需要先告诉vue,你所是使用的是一个插件 AMap.plugin([&quo ...
高德地图记录跑步轨迹_高德地图周边跑步路线功能体验地图秒变运动利器
跑步需要持之以恒,才能不断地给身体"充电",达到锻炼的目的.那么,怎样才能规划一条最适合跑步的路线,并且督促自己严格完成预设的目标呢?高德地图V8.0.8新增了"周边跑步 ...
JavaScript高德地图中绘制echarts图表随地图移动
JavaScript高德地图中绘制echarts图表随地图移动** 先上效果图实现方法如下: 使用高德地图"信息窗体",信息窗体AMap.InfoWindow的属性content ...
高德地图限制绘制区域
高德地图在绘制过程中没有提供监听过程的Api:制造错误来进行中断绘制 // 创建地图createMap() {let self = this;self.center = [self.gpsAll[0] ...
高德地图web绘制省、市、区边界线和面积图
高德地图web绘制省.市.区边界线和面积图高德地图官方API 图例总结要点申请高德地图的key 用于后边web调用高德地图key申请引用 <script type="tex ...
vue使用高德地图aMap实现轨迹动画查询显示
vue使用高德地图搜索地址添加标记marker,定位,拖拽选址功能https://blog.csdn.net/SmartJunTao/article/details/123955679 实现效果: 需 ...
高德地图Amap开发实践
一.简介: 高德开放平台是国内技术领先的LBS(Location Based Services,基于位置的服务)服务提供商,拥有先进的数据融合技术和海量的数据处理能力.高德开放平台向广大开发者提供覆盖 ...
高德地图的汽车路线规划的路线颜色样式更改
高德用的汽车路线规划,动画回放的功能,路线颜色改不了,粗细也改不了,所以会很丑.甲方爸爸很生气,后果很严重!!! 先来欣赏一下改之前的长什么样然后改之后看看: 是不是好看很多!!! 只贴部分代码片段 ...

高德地图Amap绘制路线首尾相连问题

高德地图Amap绘制路线首尾相连问题相关推荐

最新文章

热门文章