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

程序名称：bMap-mapSmoothMarker bMap-mapSmoothMarker

授权协议: BSD

操作系统: 跨平台

开发语言: JavaScript

bMap-mapSmoothMarker bMap-mapSmoothMarker 介绍

bMap-mapSmoothMarker

网约车地图平移方案

• 项目依赖于 node+socket 提供数据服务

• 前端实现类似滴滴打车小车移动、偏离路线重新规划。

• 由于我这里实际项目中使用的百度地图，所以示例中百度地图方案成熟一些。

• 高德地图本身自己就已经解决了平移问题，如果你项目中使用高德地图只需要 建立一个巡航器 即可，本项目中 index-gd.ejs 也有部分示例。

• 具体实现思路请点击转移

• 项目核心 mapSmoothMarker.js

1. npm install #安装依赖

2. npm run dev #启动

3. npm run watch #需要 pm2 依赖

• 将一个目前坐标的 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);
  });//执行动画

bMap-mapSmoothMarker bMap-mapSmoothMarker 官网

https://gitee.com/zbproject/bMap-mapSmoothMarker