bMap-mapSmoothMarker 网约车地图平移方案开源项目

我要开发同款
一枚前端2018年08月13日
81阅读
开发技术JavaScript
所属分类程序开发、地图相关
授权协议BSD

作品详情

bMap-mapSmoothMarker项目介绍

网约车地图平移方案

项目依赖于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);});//执行动画
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论