javascript - 请问如何实现类似滴滴打车出租车在地图上移动的效果
天蓬老师
天蓬老师 2017-04-10 16:04:07
[JavaScript讨论组]

可以停可以转弯 还能等红绿灯 我做的是 web开发 用的百度地图 用的是百度地图javascript api大众版 谢谢各位!

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(3)
天蓬老师

自己探索了一下 用了百度地图的一个api 叫路书 我把里面搜索的路线变成自己 用坐标点绘制的路线了 转弯这个 这个api已经实现了 我就直接调用就好了

大家讲道理

说下想法:

  1. 移动
    每隔一段时间的到出租车的经纬度然后显示。时间间隔很短的情况下看起来就像时时的;

  2. 转弯
    三个经纬度,算出相邻两个经纬度的矢量方向,这样可以得到两个矢量,如果两个矢量方向不同,就判断转弯了。

伊谢尔伦

最近的项目正好是基于高德地图开发的路线编辑器,所以对地图的api以及实现有一些自己的想法,说出来给你提供思路

首先,出租车的坐标是实时的发送到我们的后台,后台有一张表,这张表保存了出租车每一秒的经纬度坐标
接下来,回到前端,你需要在前端的地图上实时刷新,每隔一秒,就向后台请求一次当前车子的最新坐标,然后把车子的位置重新设置到这个坐标上来,这就实现了你说的移动、停止、等红灯

最难的是你说的这个转弯,这个我没做过,你可以参考楼上的说法,算出两个相邻两个经纬度的矢量方向,利用这个恶来判断车子的前进方向

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号