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


BSD
跨平台
JavaScript

软件简介

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);
    });//执行动画