# bMap-mapSmoothMarker

**Repository Path**: antonetwo/bMap-mapSmoothMarker

## Basic Information

- **Project Name**: bMap-mapSmoothMarker
- **Description**: 百度地图标注平移、网约车方案
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 20
- **Created**: 2018-08-14
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bMap-mapSmoothMarker

#### 项目介绍
网约车地图平移方案
- 项目依赖于node+socket提供数据服务
- 前端实现类似滴滴打车小车移动、偏离路线重新规划。
- 由于我这里实际项目中使用的百度地图，所以示例中百度地图方案成熟一些。
- 高德地图本身自己就已经解决了平移问题，如果你项目中使用高德地图只需要 建立一个巡航器 即可，本项目中[index-gd.ejs](./views/index-gd.ejs)也有部分示例。
- 具体实现思路请[点击转移](./help.md)
- 项目核心 [mapSmoothMarker.js](./public/javascripts/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);
});//执行动画
```