Score
0
Watch 21 Star 53 Fork 12

一枚前端 / bMap-mapSmoothMarkerJavaScript

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
百度地图标注平移、网约车方案 spread retract

Clone or download
README.md 1.98 KB
Copy Edit Web IDE Raw Blame History
一枚前端 authored 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);
});//执行动画

Comment ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/zbproject/bMap-mapSmoothMarker.git
git@gitee.com:zbproject/bMap-mapSmoothMarker.git
zbproject
bMap-mapSmoothMarker
bMap-mapSmoothMarker
master

Help Search