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);

});//执行动画