bMap-mapSmoothMarker网约车地图平移方案

bMap-mapSmoothMarker

项目介绍

网约车地图平移方案

• 项目依赖于 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);
});//执行动画