bMap-mapSmoothMarker 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
bMap-mapSmoothMarker 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: BSD
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2018-08-13
提 交 者: 一枚前端

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);
});//执行动画
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

bMap-mapSmoothMarker 的相关资讯

还没有任何资讯

bMap-mapSmoothMarker 的相关博客

插件使用 之 Bmap

Bmap 百度地图 引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=y4PT8G6QkwtkVU7p5P26O8az...

react 自定义 百度地图(BMap)组件

1.html 页面引入 相关js public/index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ...

百度地图中找不到BMap的解决

一般情况下是引用的问题,产生的原因大概有两种 1.不同架构的引用方式不同,引用js的方式不同导致 2.自身调用顺序有误 官方的引...

Echarts 如何使用 bmap 的 API

使用 Echarts 在绘制 Binning on map 的图形时(其实也就是 在地图上绘制热力色块图) 解决因为数据量过大,希望在拖拽加载或...

解决vue中BMap未定义问题

原文链接: 点我 最近在项目中使用了百度地图来显示物流信息,实现方式有两种: 引用Vue Baidu Map 引用BMap 存在的问题:\co...

vue + BMap实现常用地图

实现功能: 缩放 自定义icon maker 多个覆盖点的点击事件 获取两点的距离 信息窗口的点击事件 <template> <div id="allma...

vue项目 调用百度地图 BMap is not defined

这次老板新接了一个四点半官网页面,使用vue来写。emm……我感觉整个人都不好了,两天半解决了20个静态页面。还好vue写页面简...

BMap添加海量点数据,BMap.Point携带数据

在开发web项目的过程中使用到了百度地图,由于要在地图中画出很多点比较影响加载速度,查看官方文档,发现有提供加载海量点的...

前端笔记-echarts加载bmap地图

程序运行截图如下: 这里首先要申请个百度地图密钥 使用下面的方式输入密钥,这里使用jsonp的方式 源码如下: <html> <head> ...

解决Vue引入百度地图JSSDK:BMap is undefined 问题

<p>百度地图官网文档介绍使用JSSDK时,仅提供了2种引入方式:</p> <ul> <li>script引入</li> <li>异步加载</li> </ul> <a hr...

bMap-mapSmoothMarker 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
5 收藏
分享
返回顶部
顶部