当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
1 Star 0 Fork 20

cainiaoyizhan1 / bMap-mapSmoothMarker
暂停

forked from 一枚前端 / bMap-mapSmoothMarker
暂停
 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
README.md 1.98 KB
一键复制 编辑 原始数据 按行查看 历史
一枚前端 提交于 2018-09-15 16:42 . 更新 README.md

bMap-mapSmoothMarker

演示地址

由于这段时间比较忙,新项目没有及时更新,等闲下来了后将演示项目开源。(2018/09/15)

  • 由于点比较少 采集GPS APP后期随开源项目一起发布。

上面地址是加入新思路的一个demo,所采集的点均由app上报。

实现思路

借助百度鹰眼解决如下问题:

  1. 纠偏
  2. 绑路
  3. 去噪
  4. 抽稀

这样就大幅度的解决小车在移动的时候根据路线走。

项目目前存在已知问题。

  1. APP上报点有一定的误差。不能完全相信采集点
  2. 因为获取"司机gps"存在网络延迟,所以小车会出现一顿一顿问题。

项目介绍

网约车地图平移方案

  • 项目依赖于node+socket提供数据服务
  • 前端实现类似滴滴打车小车移动、偏离路线重新规划。
  • 由于我这里实际项目中使用的百度地图,所以示例中百度地图方案成熟一些。
  • 高德地图本身自己就已经解决了平移问题,如果你项目中使用高德地图只需要 建立一个巡航器 即可,本项目中index-gd.ejs也有部分示例。
  • 具体实现思路请点击转移
  • 项目核心 mapSmoothMarker.js

安装教程

  1. npm install #安装依赖
  2. npm run dev #启动
  3. npm run watch #需要 pm2 依赖

mapSmoothMarker.js 注解

  • 将一个目前坐标的carMk平移到下一个坐标,startCar 函数
/**
  * @description 开始移动
  * @param {bMap} map 百度map实例
  * @param {Point} prvePoint 开始坐标点
  * @param {Point} newPoint 结束坐标点
  * @param {marker} marker 标注
  * @param {number} trme 完成动画秒数
  * @param {function} changeFun 每次移动触发的事件
  */
new markerTranslation().startCar(map_, oldPoint, newPoint, carMk, 2000, function (points){
    //每次平移执行的回调-频率 100 毫秒
    // console.log(points);
});//执行动画
JavaScript
1
https://gitee.com/cainiaoyizhan1/bMap-mapSmoothMarker.git
git@gitee.com:cainiaoyizhan1/bMap-mapSmoothMarker.git
cainiaoyizhan1
bMap-mapSmoothMarker
bMap-mapSmoothMarker
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891