谷歌地图路径回放动画的实现(二)

       因为公司有一些特殊的需求,前几天在做上一个上一个项目的时候,用到了谷歌地图,路径回放这个功能再百度地图和高德地图是有API直接可以使用的,奈何公司领导只让用谷歌地图,搜索发现网上并无多少相关文章,所以我把我在开发过程中遇到的问题记录下来,希望能够帮助大家。我的可能不是最优解决方案,仅供大家参考!

       第二个遇到问题就是,两点之间的路径如果已经实现,或者动画效果也已经实现,但是领导需要在绘制动画时加一个箭头,根据当时汽车真实方向地图上箭头指向对应方向。

        首先需要在每个地点记录的数据中,有一个真实方向角度的字段。

        因为谷歌地图没有直接可以使用的API,我是用过一个 marker 根据当时的路径动画同步前进,不断变换位置实现的,使用八张图片,在每次绘制出marker的时候做做判断,然后生成对应角度的箭头图片,并且把上一个绘制的图标删除,代码如下:

        假设按钮为:<div class="top_btn1">开始回放</div>

        //声明一个计数变量

        var marker_count = 1;

        //声明两个变量用来存储时间循环
        var begin_marker;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值