百度地图JS关于规划路线偏离预警的解决方式

2020-02-24 18:43:54

参考地址 百度地图JS关于规划路线偏离预警的解决方式

说实在的这个解决方案有点low,我并不会很赞成,效率有点低。如果多的话,很是耗费资源。

我推荐使用矩形来解决这个问题,而不是圆形。

当日用矩形的话,就要确保轨迹是折线的,而不是弧线等。


如果要用到路线偏离的算法首先到导入GeoUtils_min.js


这个js里面有多中算法:1.坐标点是否在圆内  2.坐标点是否在线上 3.点是否在多边形上等等


使用场景:因为我们这个项目是关于危化品运输,需要给危化品车辆规定一条行驶的路径,车辆只能按照规定路线走,一旦超过了规定路线的偏离距离,系统就会预警!


1.引入GeoUtils_min.js


2.获取规划好路径的坐标点集合 ,我们这里假设为:车辆当前坐标为 point   规定路线坐标集合:points


3.遍历坐标集合,以每一个坐标点为圆心,创建圆


   for(var i=0;i<points.length;i++){

   var c =points[i]; //圆心 

   var circle = new BMap.Circle(c, 200);//测试圆 200代表圆的半径距离 单位:米

   circles.push(circle);

}


4.//循环遍历判断车辆当前坐标点是否在圆里

var flag = false;

for(var i=0;i<circles.length;i++){

var result = BMapLib.GeoUtils.isPointInCircle(point, circles[i]); //point:当前坐标点、circles[i]:规划好的圆

   if(result == true){ //true:点是在圆圈里

      flag=true;

      break;

   }

}


5.最后的flag为true说明点在园内,没有超过偏离值,总的来说路径偏离预警这种实现方式还是比较简单的。


  • 2020-03-03 09:51:38

    写一个可插入自定义标签的 Textarea 组件

    为了实现这个功能,我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性,可以让元素内容可编辑

  • 2020-03-03 20:18:21

    Vuepress如何做到在 Markdown 中使用 Vue 语法

    在 vuepress 刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里,人家追剧我追码。 今天,我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。

  • 2020-03-03 21:35:57

    PWA:安装 Web 应用

    要完整介绍 PWA 是什么,需要扯一堆名词,毫无意义。 以改造公羊阅读的过程为例,简要的说明什么是 PWA。