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

码农软件 · 软件分类 · 地图相关 · 2019-07-31 17:13:45

软件介绍

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

本文地址:https://codercto.com/soft/d/11353.html

创新者

创新者

[美] 沃尔特·艾萨克森 / 关嘉伟、牛小婧 / 中信出版社 / 2017-4 / 88.00元

《创新者》是沃尔特·艾萨克森继全球畅销书《史蒂夫·乔布斯传》之后的又一部力作,不仅讲述了计算机和互联网从无到有的发展历程,为我们 生动地刻画出数字时代的创新者群像,还深度挖掘互联网的精神内核,解读了“诗意科学”这个重大主题。 在近200年的数字化进程中群星闪耀,艾萨克森从第一个计算机程序的创造者、浪漫主义诗人拜伦之女埃达•洛夫莱斯伯爵夫人说起,细数了这一群将科学与人文融合的创新者,他们包括第......一起来看看 《创新者》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具