百度地图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说明点在园内,没有超过偏离值,总的来说路径偏离预警这种实现方式还是比较简单的。


  • 2019-12-10 21:14:11

    axios文件上传功能+formData

    在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。 2.1构造formData 作者:exmexm 链接:https://www.jianshu.com/p/9c708a47d8a5 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2019-12-11 16:04:15

    CSS中的 “var()” 和 “:root”

    var() var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。(这样做通常会产生无效的语法或者一个没有关联到变量的值。)

  • 2019-12-11 16:18:51

    npm发布vue组件

    开发之前先看看官网的 开发规范 我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入,就像这样

  • 2019-12-11 16:21:00

    .vue文件 加scoped 样式不起作用

    在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。但是要慎用,因为在我们需要修改公共组件(第三方库或者项目中定制的组件)的样式的时候,scoped会造成很多困难,组要增加额外的复杂度。

  • 2019-12-11 16:22:04

    Vue中的scoped和scoped穿透,scoped原理

    在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。

  • 2019-12-12 14:19:32

    laravel自定义分页LengthAwarePaginator

    有时候我们使用larave提供的后台分页数据库查询,有时候限制太多,我们需要自己定制分页功能。 下面是我给大家一个例子,我们可以根据例子,制作自己的分页功能。