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